почему дисплей: встроенный не работает?

Question

Я пытаюсь сделать простой веб-страницу, в которых текстовое поле и кнопка находится в горизонтальном положении я дисплея: встроенный он не работает, почему вот мой код http://plnkr.co/edit/G8mp53rQlF562hEkgmgT?p=preview

когда пользователь прокручивать поле ввода и кнопка присутствует .they должна находиться в горизонтальном положении как показано на изображении

• Пожалуйста, игнорируйте красный круг .I нужно ввода и кнопка поле должно быть в горизонтальном положении.

• Во-вторых Когда опция меню пользователь нажмет («-») в правом верхнем углу его открыть пункт меню свитка текст .text прийти в меню .Text должно опускаться ниже меню

  var myApp = angular.module('myApp', ['ui.bootstrap', 'ionic']); 
  //myApp.directive('myDirective', function() {}); 
  myApp.controller('MyCtrl', MyCtrl); 
  function MyCtrl($scope, $http,$window) { 
      $scope.back={ 
       height:$window.innerHeight+ "px" 
  
      } 
      $scope.obj={ 
       height:$window.innerHeight/2+$window.innerHeight/3+ "px", 
       overflow:"auto" , 
       overflow:"scroll" 
      } 
      $http.get("menu.json").success(function (data) { 
       $scope.menu = data; 
      }).error(function() { 
       alert('error') 
      }) 
  } 
  

Answer 1

Для кнопки в той же строке, поле ввода адреса электронной почты, проблема в том, ширина поля ввода электронной почты является вся ширина .email_row

Попытка:

.email_row input { 
    background: transparent; 
    border: 3px solid #3C86D7; 
    display: inline; 
    padding: 1em; 
    width: 80%; <-- Add one line to CSS file 
} 

Ох, значок меню гамбургера, как представляется, является ионным/angular.js, а не прямой реализацией бутстрапа. И в Plunker Download отсутствует несколько вещей, поэтому я не могу получить точное представление о том, что происходит на моем локальном хосте. Сожалею. Я скажу, что он работает очень хорошо в plunker (Chrome с инструментами разработчика выключен, на Apple OS)

Обновление: К сожалению. Теперь я понимаю вещь в меню. Я думаю, вам просто нужно добавить более высокий рейтинг Z-индекса в меню в развернутом режиме. Если вы не хотите видеть прокрученный текст вообще через меню, вы можете просто добавить сплошной цвет фона. Моим любимым является использование цвета фона с непрозрачностью .5.

#bs-example-navbar-collapse-1 .display_menu{ 
    z-index: 999; 
    background-color:rgba(255,0,0,0.5); 
}