Вопросы с тегом «twitter-bootstrap-3»

Bootstrap 3 - это третье поколение интерфейсной среды, позволяющей ускорить веб-разработку с привлекательным внешним видом. Использовать с тегом [twitter-bootstrap]

30
Центрирование колонки с помощью Twitter Bootstrap 3
Как центрировать элемент div размером одного столбца в контейнере (12 столбцов) в Twitter Bootstrap 3 ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Я хочу div, чтобы класс .centeredнаходился в центре контейнера. Я могу использовать …
23
выравнивание по вертикали с Bootstrap 3
Я использую Twitter Bootstrap 3, и у меня возникают проблемы, когда я хочу выровнять по вертикали две div, например, ссылку JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> …
6
Что такое sr-only в Bootstrap 3?
Для чего используется класс sr-only? Это важно или можно удалить? Работает нормально без. Вот мой пример: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> </ul> </div>
8
Контейнер-жидкость против .контейнер
Только что скачал 3.1 и нашел в документах ... Превратите любой макет сетки фиксированной ширины в макет полной ширины, изменив крайний вид .containerна .container-fluid. Заглянув внутрь bootstrap.css, кажется, что .container-fluidидентично .container. Оба имеют одинаковый CSS, и каждый экземпляр .container-fluidимеет пару .container, и все классы столбцов указываются в процентах. Изучая примеры, …
17
Как мне настроить кнопки Twitter Bootstrap для выравнивания по правому краю?
У меня есть простая демонстрация здесь: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> У меня есть неупорядоченный список, и для каждого элемента списка я хочу, чтобы текст располагался слева, а затем выровненная по правому краю кнопка. Я пытался использовать pull-right, но это полностью портит …
5
Значение чисел в «col-md-4», «col-xs-1», «col-lg-2» в Bootstrap
Я запутался с системой сетки в новой Bootstrap, особенно с этими классами: col-lg-* col-md-* col-xs-* (где * представляет некоторое число). Может ли кто-нибудь объяснить, пожалуйста, следующее: Как это число выравнивает сетки? Как использовать эти цифры? Что они на самом деле представляют?
29
Bootstrap 3 Navbar с логотипом
Я хочу использовать панель навигации по умолчанию в Bootstrap 3 с логотипом вместо текста. Как правильно это сделать, не вызывая проблем с экранами разных размеров? Я предполагаю, что это общее требование, но я еще не видел хороший пример кода. Ключевым требованием, помимо приемлемого отображения на всех размерах экрана, является возможность …
30
Пять равных столбцов в твиттере
Я хочу иметь 5 одинаковых столбцов на странице, которую я строю, и я не могу понять, как используется сетка из 5 столбцов: http://web.archive.org/web/20120416024539/http://domain7 .com / мобильный / инструменты / начальная загрузка / отзывчивые Является ли сетка из пяти столбцов, показанная выше, частью платформы начальной загрузки Twitter?
30
Bootstrap 3 Глификоны не работают
Я загрузил bootstrap 3.0 и не могу заставить глифы работать. Я получаю какую-то ошибку "E003". Есть идеи, почему это происходит? Я пробовал как локально, так и онлайн, и у меня все та же проблема.
10
Как вертикально центрировать контейнер в Bootstrap?
Я ищу способ вертикального containerцентрирования div внутри jumbotronи установки его в середине страницы. Он .jumbotronдолжен быть адаптирован к полной высоте и ширине экрана. .containerDIV имеет ширину 1025pxи должен быть в середине страницы ( по вертикали в центре). Я хочу, чтобы на этой странице был адаптирован jumbotron к высоте и ширине …
19
Реагировать Js условно применяя атрибуты класса
Я хочу условно показать и скрыть эту группу кнопок в зависимости от того, что передается из родительского компонента, который выглядит следующим образом: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( <div …
7
Отсутствует раскрывающееся подменю Bootstrap
Bootstrap 3 все еще в RC, но я просто пытался это реализовать. Я не мог понять, как поставить класс подменю. Даже нет класса в CSS, и даже новые документы ничего не говорят об этом Это было там в 2.x с именем класса в выпадающем меню
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.