Запитання з тегом «twitter-bootstrap-3»

Bootstrap 3 - це третє покоління основної системи, що дозволяє швидше розвивати веб-сайти з привабливим зовнішнім виглядом. Використовуйте з тегом [twitter-bootstrap]

30
Відцентруйте стовпець за допомогою Twitter Bootstrap 3
Як я можу центрувати поділ розміром одного стовпця в контейнері (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-тільки у 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> …
8
Контейнер-рідина проти .контейнер
Щойно завантажили 3,1 і знайшли в документах ... Перетворіть будь-який макет сітки з фіксованою шириною в макет на повну ширину, змінивши крайній .containerна .container-fluid. Заглянувши bootstrap.css, виявляється, що .container-fluidце ідентично .container. Обидва мають однаковий CSS, і кожен екземпляр .container-fluidпоєднується з .container, і всі класи стовпців задаються у відсотках. Під час …
17
Як я можу змусити свої кнопки завантаження Twitter правильно вирівняти?
У мене тут проста демонстрація: 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
П'ять рівних стовпців у завантажувальній системі Twitter
Я хочу мати 5 рівних стовпців на сторінці, яку я будую, і я не можу зрозуміти, як використовується сітка з 5 стовпцями тут: http://web.archive.org/web/20120416024539/http://domain7 .com / mobile / інструменти / завантажувальний / адаптивний Чи демонструється сітка п’яти стовпців над частиною рамки завантажувального твіттера?
30
Bootstrap 3 Glyphicons не працює
Я завантажив bootstrap 3.0 і не можу змусити гліфікони працювати. Я отримую якусь помилку "E003". Будь-які ідеї, чому це відбувається? Я пробував як локально, так і в Інтернеті, і в мене все ще виникає однакова проблема.
10
Як вертикально центрувати контейнер у Bootstrap?
Я шукаю спосіб вертикального центру containerділити всередині jumbotronта встановити його посередині сторінки. .jumbotronПовинно бути адаптоване до повної ширині і висоті екрану. .containerDIV має ширину 1025pxі повинен бути в середині сторінки ( по вертикалі в центрі). Я хочу, щоб ця сторінка мала адаптер, пристосований до висоти та ширини екрана, а також …
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 className="row"> …
7
Відсутнє підменю завантажувального завантажувача
Bootstrap 3 все ще знаходиться в RC, але я просто намагався його реалізувати. Я не міг зрозуміти, як поставити клас підменю. Навіть немає класу в css і навіть нові документи про це нічого не говорять Він був там у 2.x із назвою класу як спадне підменю
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.