twitter-bootstrap- все статьи тега ➜ страница 7
Настройка и размер изображения, чтобы соответствовать div (bootstrap)
Я пытаюсь получить изображение, чтобы соответствовать в пределах определенного размера div. К сожалению, изображение не соответствует ему и вместо этого пропорционально сжимается до размера, который недостаточно велик. Я не уверен, что лучший способ - это получить изображение, чтобы вписаться в него. Если этого недостаточно кода, я был бы рад предоставить больше, и я открыт для исправления любых других ошибок, которые я пропускаю. вот HTML <div class="span3 top1"> <div cla ...
Как сделать 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, и я хотел бы добавить анимацию в выпадающий список. Я хочу добавить анимацию к нему, скользить вниз и обратно вверх при выходе из него. Как я мог это сделать? вещи, которые я пробовал: изменение выпадающего файла Js следующим образом: как я могу сделать навигацию Bootstrap плавно скользить вверх и вниз? любая помощь была бы хороша! спасибо!. ...
bootstrap modal удаляет полосу прокрутки
когда я запускаю модальный вид на моей странице, он запускает полосу прокрутки, чтобы исчезнуть. Это раздражает эффект, потому что фоновая страница начинает двигаться, когда модальный движется в / исчезает. Есть ли лекарство от этого эффект? ...
Кнопка Twitter Bootstrap нажмите, чтобы переключить развернуть / свернуть текстовый раздел выше кнопки
Я недавно пришел через bootstrap, и я работаю над расширением примера героя. Я хочу добавить следующее поведение на мою страницу: при кнопку (т. е. элемент с селектором '.ряд.btn') нажата, я хочу иметь возможность переключаться между расширением / свертыванием части текста над кнопкой. вот как выглядит HTML: <html> <head> <title>Test Page</title> <!-- Le styles --> <link href="../assets/css/bootstrap.css" rel="stylesheet"> <style type ...
Как я могу изменить cols textarea в twitter-bootstrap?
Если я изменю значение :rows, это работает. Но он остается в cols по умолчанию независимо от значения, которое я установил с помощью': cols =>'. Ширина столбца не изменится. Я просмотрел html-источник, и он отразил изменение. Интересно, что CSS bootstrap может быть подозреваемым... HTML (в конечном HTML есть "cols=", но ширина столбца остается на значении по умолчанию, которое равно 30. Я не могу поверить своим глазам!) <textarea cols="100" id="comment_body" name="comment[body]" rows=" ...
Установка максимальной ширины для тела с помощью Bootstrap
создание моего первого сайта с Twitter Bootstrap и экспериментировать с жидкими макетами. Я установил свой контейнер, чтобы быть жидким, теперь содержимое внутри занимает всю ширину страницы и адаптируется как изменение размера браузера. дизайн, над которым я работаю, был создан для максимальной ширины ~950px. Я проверил variables.less и responsive.less, и загрузочная документация, я не могу понять, как это сделать. Я также попытался добавить следующее К моему style.css: body { max-width: ...
Встроенная форма, вложенная в горизонтальную форму в Bootstrap 3
Я хочу построить форму в Bootstrap 3 следующим образом: мой сайт (не приведенная выше ссылка) просто обновляется из Bootstrap 2.3.2, и формат больше не является правильным. Я не могу найти ни одного документа об этом типе формы на getbootstrap.com. может кто-нибудь сказать мне, как это сделать? Только "имя пользователя" будет в порядке. спасибо. PS есть аналогичный вопрос, но он использует Bootstrap 2.3.2. ...
'col-xs - *' не работает в Bootstrap 4
Я не сталкивался с этим раньше, и мне очень трудно найти решение. При наличии столбца, равного medium в bootstrap, например: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> выравнивание текста работает нормально: но при создании столбца, равного extra small вот так: ...
Как удалить пространство желоба для конкретного div только-bootstrap
система сетки Bootstrap по умолчанию использует 12 столбцов с каждой пядью имея сточную канаву 30px как ниже. желоба-это пустое пространство между колонками. ширина желоба, кажется, между 20px-30px. Предположим, что это 30px здесь. Я хочу удалить пространство желоба для конкретного div, так что не будет никакого пространства желоба в строке. Каждый пролет будет рядом друг с другом без желоба. проблема в том, что если я удалю маржа 30px (желоб) он оставляет 360px (12*30) в конце строки. учит ...
Как установить выбранное значение на выбор с помощью плагина selectpicker из bootstrap
Я использую Bootstrap-Select плагин такой: HTML: <select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select> Javascript: $('select[name=selValue]').selectpicker(); Теперь я хочу установить значение, выбранное для этого выбора при нажатии кнопки... что-то вроде этого: $('#mybutton').click(fu ...
Как проверить, если Twitter bootstrap загружен?
Как я могу проверить, есть ли ушко.JS загружается на страницу (файл bootstrap.js может быть скомпилирован в другой большой файл JS)? ...
Исключить пункт меню из сворачивания 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 будет оценено по достоинству. ...
Как мне загрузить аккордеон со всеми закрытыми меню?
Я пытаюсь следовать примеру здесь http://twitter.github.com/bootstrap/javascript.html#collapse Я разместил здесь макет http://jsfiddle.net/gqe7g/ поведение загрузки странно. Он показывает Menu1, затем сворачивает его, затем показывает Menu2 и Menu3. Хотелось бы, чтобы все открылось рухнуло. Я попробовал следующее без успеха $('#accordion').collapse({hide: true}) ...
Вкладки начальной загрузки Twitter и события javascript
Я использую Twitter bootstrap для проекта - в частности, его функции tab (http://twitter.github.com/bootstrap/javascript.html#tabs) теперь у меня есть этот таблист, и когда я нажимаю вкладку, он переключается на содержимое каждой отдельной вкладки. Однако это содержимое предварительно загружается на страницу (html-код для содержимого всех вкладок уже есть, вы только меняете видимость, нажимая вкладки). однако я хочу только динамически загрузите содержимое при нажатии определенной вкладки, чтоб ...
Изменить шрифт-вес значков FontAwesome?
Я хотел бы сделать один из значков FontAwesome немного менее тяжелым - он намного тяжелее, чем шрифт, который я использую. Вот как это выглядит в настоящее время: : некрасиво, верно? Поэтому я попытался сбросить вес шрифта следующим образом: .tag .icon-remove { font-weight: 100; } атрибут, кажется, установлен правильно в CSS, но это не имеет никакого эффекта - значок выглядит так же тяжело, как и раньше. Я тоже пробовал font-weight: lighter и -webkit-text-stroke-width: 1px без эффекта. ...
Bootstrap 3-100% высота пользовательского div внутри столбца
допустим, у меня есть два столбца подряд. один содержит изображение с помощью class="img-responsive" для жидкого изображения и другой столбец рядом с имеет пользовательский div блок. мой вопрос заключается в том, как получить высоту этого пользовательского div 100%. Ниже не работает для меня. height: auto; max-width: 100%; Если я установлю фиксированное значение по высоте, он не будет хорошо играть с столбец, содержащий изображение, поскольку изображение изменяет высоту при изменении разме ...
Что такое tabindex= "-1" в bootstrap для
что это tabindex атрибут в Bootstrap 3 для? его документация ничего не говорит о них, хотя они используют их практически во всех модальностях. Я только нашел это относительно его использования, что на самом деле не говорит много доступные подсказки для пользователей клавиатуры и вспомогательных технологий для пользователей, перемещающихся с помощью клавиатуры, и в частности пользователей вспомогательных технологий, вы должны только добавьте всплывающие подсказки к элементам с фокусиро ...