twitter-bootstrap-3- все статьи тега ➜ страница 2
Bootstrap 3: pull-right только для col-lg
New to bootstrap 3.... В моем макете у меня есть: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Я хотел бы, чтобы "элементы 2" не были выровнены прямо на меньших, чем col-lg экранах. Так что эффективно иметь класс pull-right только для col-lg-6... Как я мог этого добиться? вот скрипка:http://jsf ...
Сворачивание боковой панели с Bootstrap 3
Я только что посетил эту страницу http://www.elmastudio.de/ и задался вопросом, Можно ли построить коллапс левой боковой панели с помощью Bootstrap 3. код для сворачивания боковой панели сверху (только для телефона): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> боковая панель сама ...
Должен ли я использовать Bootstrap из CDN или сделать копию на моем сервере?
какова лучшая практика использования Twitter Bootstrap, обратитесь к нему из CDN или сделайте локальную копию на моем сервере? поскольку Bootstrap продолжает развиваться, я боюсь, что если я обращусь к CDN, пользователь со временем увидит разные веб-страницы, а некоторые теги могут даже сломаться. Какой выбор у большинства людей? ...
Понимание классов сетки (col-sm - # и col-lg -#) в Bootstrap 3
Я начинаю работу на Bootstrap 3, и у меня возникли некоторые проблемы с пониманием того, как классы сетки предназначены для использования. вот что я уяснил: похоже, что классы col-sm-# и col-lg-# отличаются от старых добрых col-# в том, что они будут применяться только тогда, когда экраны выше определенного размера (768px и 992px соответственно). Если вы опустите-sm - или-lg-divs никогда не свернется в один столбец. однако, когда я создаю два дива внутри строки, которые оба col-sm-6 кажется, ...
Bootstrap 3 смещение справа не слева
в отношении BS 3 Если бы я хотел только узкий столбец контента справа, я мог бы использовать класс смещения 9 и столбец 3. однако, что делать, если я хотел наоборот и на левой стороне? Есть ли правильный способ сделать это в BS или я должен просто использовать свои собственные методы CSS? Я думал о создании столбца 3 с моим содержанием и просто пустой столбец 9. ...
Bootstrap 3.col-xs-offset - * не работает?
Я использую bootstrap 3 grid system любил его до сих пор, и все работало хорошо, Я пытаюсь использовать col-xs-offset-1 и не работает, хотя .col-sm-offset-1 работает. Чего мне здесь не хватает ? <div class="col-xs-2 col-xs-offset-1">col</div> http://jsfiddle.net/petran/zMcs5/2/ ...
Как очистить поле поиска с помощью " x " в bootstrap 3?
возникли некоторые проблемы с bootstrap, так что некоторая помощь будет удивительным. Спасибо что бы я хотел: (верхняя часть) мой текущий код: <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> Текущий Скриншот: ...
Как сделать bootstrap 3 fluid layout без горизонтальной полосы прокрутки
вот пример ссылки: http://bootply.com/76369 это html я использую. <div class="row"> <div class="col-md-6">.col-md-6</div> <div class="col-md-6">.col-md-6</div> </div> bootstrap 3 не имеет контейнера-жидкости и строки-жидкости. Я не могу обернуть его .класс контейнера, потому что он станет фиксированным макетом. как сделать жидкость (полная ширина страницы) макет? ( без горизонтальной полосы прокрутки) С этими разметки. при просмотре в результате х- ...
Встроенная форма, вложенная в горизонтальную форму в Bootstrap 3
Я хочу построить форму в Bootstrap 3 следующим образом: мой сайт (не приведенная выше ссылка) просто обновляется из Bootstrap 2.3.2, и формат больше не является правильным. Я не могу найти ни одного документа об этом типе формы на getbootstrap.com. может кто-нибудь сказать мне, как это сделать? Только "имя пользователя" будет в порядке. спасибо. PS есть аналогичный вопрос, но он использует Bootstrap 2.3.2. ...
Исключить пункт меню из сворачивания bootstrap 3 navbar
вот что у меня есть, я пробовал перемещаться по своей секции внутри "бренда" и делать вытягивание вправо, вне бренда и вне коллапса и делать вытягивание влево/вправо, а также пытаться разместить его до или после секции коллапса. при добавлении его в раздел бренда он работает, но он переходит к новой строке. Как я могу держать его на одной линии? <body> <header> <nav class="navbar navbar-default navbar-inverse" role="navigation" style="font-size: 18px"> ...
Начальной загрузки активной навигации государство не работает
у меня есть bootstrap v3. Я использую class="active" наnavbar и он не переключается при нажатии пунктов меню. Я знаю, как это сделать с jQuery и построить функцию щелчка, но я думаю, что эта функция должна быть включена в bootstrap? Так, может быть, это проблема JavaScript? вот мой заголовок с моими файлами js/css / bootstrap, которые я включил: <!-- Bootstrap CSS --> <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="//ajax.googleapis ...
Зачем использовать.h1 вместо фактического h1?
в рамках проекта Bootstrap CSS, стили предоставляются для тегов заголовков (H1, H2, H3, H4, H5, H6), но есть также ряд имен классов, основанных на заголовках (.h1, .h2, .h3, .h4, .h5, .h6). Какая польза от использования имени класса H1 без надлежащего использования тега H1? Я думаю, что вы всегда хотите убедиться, что ваш HTML отражает вашу визуальную важность. любые мысли, объясняющие хорошую причину для использования .h1 вместо использование тега h1 будет оценено по достоинству. ...
Проблема CSS в Twitter Typeahead с Bootstrap 3
С выпуском Bootstrap 3. Typeahead был удален в пользу этого:https://github.com/twitter/typeahead.js Ive успешно интегрировал его на удаленной выборке данных но у меня возникли проблемы с автозаполнением Как вы можете видеть, в текстовом поле появляются два текста. Я включил css (https://github.com/jharding/typeahead.js-bootstrap.css) как сказано в документации, но не повезло. любая помощь или предложения будут оценены. jsfiddle показывает проблему:http://jsfiddle.net/KrtB5/ HTML <b ...
Что такое tabindex= "-1" в bootstrap для
что это tabindex атрибут в Bootstrap 3 для? его документация ничего не говорит о них, хотя они используют их практически во всех модальностях. Я только нашел это относительно его использования, что на самом деле не говорит много доступные подсказки для пользователей клавиатуры и вспомогательных технологий для пользователей, перемещающихся с помощью клавиатуры, и в частности пользователей вспомогательных технологий, вы должны только добавьте всплывающие подсказки к элементам с фокусиро ...
Бутстрап 3 не удается отобразить glyphicon правильно
Я мигрирую из bootstrap 2.3 в bootstrap 3, и все работает хорошо. Но когда я попытался добавить некоторые значки, шрифт значка не отображается должным образом. Я попытался посмотреть сюда http://bootply.com/61521 и только '.glyphicon-конверт был отображались должным образом. Другие отображаются как "E001" и так далее. Как я могу решить эту проблему? для других браузеров глифики отображаются правильно, только firefox был недоступен покажите его правильно. ...
Входная группа - два входа близко друг к другу
Как я могу сделать входную группу включает в себя два входа? <div class="input-group"> <input type="text" class="form-control" placeholder="MinVal"> <input type="text" class="form-control" placeholder="MaxVal"> </div> Это не работает, они горизонтальные, а не встроенные ...
Добавить разрыв строки в подсказку в Bootstrap 3
Я использую Bootstrap 3 и добавил подсказку к моему div. Я пробовал использовать n и создать новую строку. Будет ли проблема с Бутстрапом остановить меня? <div class="content show-tooltip" data-placement="top" data-original-title="1st line of text <br> 2nd line of text"> ...
Как центрировать форму в bootstrap 3
Как я могу центрировать свою форму входа ? Я использую bootstrap столбец, но он не работает. вот мой код: <div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-6"> <h2>Log in</h2> <div> <table> <tr> <td>1</td> <td>1</td> </tr> <tr& ...