twitter-bootstrap-3- все статьи тега


Bootstrap 3 "btn-group" неадаптивное поведение на небольших экранах

Существует ли способ bootstrap 3 для обработки небольших размеров экрана для "btn-group"? Группа кнопок помещается в <td> и оборачивается в <div class="btn-group">: Выглядит нормально, пока вы не измените его размер до Как сделать их стойкими? Я попытался добавить класс btn-group-justified. Но это дает в результате кнопки полной ширины и выглядит еще хуже при перенастройке до небольшого размера экрана. P. S> у меня есть идея, как ее реализовать добавив полный набор каст ...

Bootstrap date range picker получить текущую дату, на которую наведена мышь

ЭТОТ ВЫБОР ДАТЫ ИМЕЕТ ФУНКЦИОНАЛЬНОСТЬ IM AFTER. http://www.daterangepicker.com/ Но я использую Этот плагин , как мне получить текущую дату, на которую наведена мышь? Например, если я наведу курсор на 23 февраля 2016 года, как мне получить дату 23-го? getDate не срабатывает, пока я не нажму на дату. Итак, текущая дата на Ховере? Большое спасибо Примечание У меня есть jquery-ui и bootstrap datepicker оба на одной странице, так что был конфликт. Для разрешения конфликта я использую bootstr ...

Создать отзывчивый Bootstrap navbar с двумя строками

Я пытаюсь создать отзывчивый Bootstrap 3 на основе navbar с двумя строками. Однако у меня возникли проблемы со структурой HTML и функциональностью свернуть. Ниже приведено визуальное описание желаемого результата, и я надеялся, что кто-то укажет мне правильное направление в терминах HTML/CSS (с максимально возможной загрузочной функциональностью по умолчанию). По существу меню желательно сделать следующее: На планшетные / настольные устройства, первая строка-логотип и меню небольшой втори ...

Как изменить индикаторы и элементы управления bootstrap carousel

Я застрял, пытаясь изменить расположение индикаторов и элементов управления bootstrap carousel. Похоже на что-то вроде этой карусели на этом сайте. http://www.mitre10.co.nz / были индикаторы и элементы управления находятся внизу и вдали от изображения. Вот мой живой вид http://codepen.io/riwakawebsitedesigns/pen/qdiup <header id="masterhead"> <div class="container"> <div class="slideshow"> <div id="slideshow" class="carousel slide" data-ride="carousel"> ...

Bootstrap: выровнять текст кнопки слева

Как я могу выровнять текст слева внутри кнопки начальной загрузки? У меня есть несколько кнопок с текстом разной длины, и все кнопки должны иметь одинаковую ширину. Я достиг этого, используя класс col-xs-11. Пример кода кнопки ниже: <input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11"> Возможно ли достичь этого без создания пользовательского стиля, отличного от того, что предоставляет bootstrap? Я использую начальной загрузки В3.0.1 ...

bootstrap "tooltip " и" popover " добавляют дополнительный размер в таблицу

Примечание: В зависимости от версии Bootstrap (до версии 3.3 или нет) вам может потребоваться другой ответ. Обратите внимание на заметки. Когда я активирую всплывающие подсказки (наведите курсор на ячейку) или всплывающие окна в этом коде, размер таблицы увеличивается. Как мне этого избежать? Здесь emptyRow-функция для генерации tr со 100 <html> <head> <title></title> <script type="text/javascript" language="javascript" src="https://ajax.googleap ...

Как изменить глобальный размер шрифта Bootstrap по умолчанию?

Глобальный размер шрифта Bootstrap по умолчанию равен 14px, а высота строки-1,428. Как я могу изменить его глобальные настройки по умолчанию? Придется ли мне менять bootstrap.минута.css во всех множественных записях? ...

Центр столбца с помощью Twitter Bootstrap

как мне центрировать div одного размера столбца в контейнере (12 столбцов) в Twitter Bootstrap 3. пожалуйста, смотрите стартер скрипка. <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Итак, я хочу div, класс centered расположенной внутри контейнера. Я могу использовать строку, если есть несколько divs, но пока я просто хочу div с размером одного столбца, центрирован ...

Изменение цвета navbar в Twitter Bootstrap

Как бы я мог изменить CSS, чтобы изменить цвет навигационной панели в Twitter Bootstrap? ...

Меню начальной загрузки выпадающего подменю отсутствует

Bootstrap 3 все еще находится в RC, но я просто пытался его реализовать. Я не мог понять, как поставить класс подменю. Даже в css нет класса, и даже новые документы ничего не говорят об этом Это было в 2.x с именем класса как выпадающее меню ...

Лучший способ представить сетку или таблицу в AngularJS с Bootstrap 3? [закрытый]

Я создаю приложение с AngularJS и Bootstrap 3. Я хочу показать таблицу / сетку с тысячами строк. Каков наилучший доступный контроль для AngularJS & Bootstrap с такими функциями, как сортировка, Поиск, разбиение на страницы и т. д. ...

Как выровнять по вертикали контейнер в Bootstrap

Я ищу способ вертикального выравнивания центра container div внутри тега jumbotron и установить его в центре страницы. The .jumbotron должен быть адаптирован к полной высоте и ширине экрана, поэтому я использовал этот CSS. .jumbotron{ heght:100%; width:100%; } The .container div имеет ширину 1025px и должно быть в середине страницы (вертикально по центру). .container{ width:1025px; } .jumbotron .container { max-width: 100%; } мой HTML-это как <div class="jumbotron"> ...

Избегайте выпадающего меню закрыть по щелчку внутри

у меня есть выпадающее меню Twitter Bootstrap. Как знают все пользователи Twitter Bootstrap, выпадающее меню закрывается при щелчке (даже щелчок внутри него). чтобы избежать этого, я могу легко прикрепить обработчик событий click в выпадающем меню и просто добавить знаменитый event.stopPropagation(). <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-list-alt"&g ...

Bootstrap 3 Navbar Свернуть

есть ли способ увеличить точку, в которой Bootstrap 3 navbar рушится (т. е. Так, что он рушится в выпадающее меню на портретных планшетах)? эти два были применимы к bootstrap 2, но не сейчас! как изменить порог коллапса navbar с помощью Twitter bootstrap-responsive? изменить отзывчивую точку останова navbar по умолчанию ...

Как сделать Бутстрап аккордеон свернуть при нажатии на заголовок div?

в загрузочном аккордеоне, вместо того, чтобы требовать щелчка по a текст, я хочу, чтобы он свернулся при нажатии в любом месте panel-heading div. Я использую Bootstrap 3. Так что вместо аккордеона это просто складная панель. Есть идеи, как сделать всю панель кликабельной? ...

Загрузочный бросает непойманные ошибка: JavaScript и прихлоп это требует jQuery [закрыт]

Я пытаюсь использовать Bootstrap, чтобы сделать интерфейс для программы. Я добавил jQuery 1.11.0 в <head> tag и думал, что это так, но когда я запускаю веб-страницу в браузере jQuery сообщает об ошибке: Uncaught Error: Bootstrap's JavaScript requires jQuery Я пробовал использовать jQuery 1.9.0, я пробовал с копиями, размещенными на нескольких CDNs, но я не могу заставить его работать. Кто-нибудь может указать, что я делаю неправильно? ...

Bootstrap 3 и Youtube в модальном режиме

Я пытаюсь использовать модальную функцию из Bootstrap 3, чтобы показать мое видео на Youtube. Это работает, но я не могу нажать на кнопки в видео на YouTube. любая помощь на этом? вот мой код: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> ...

Как определить отзывчивые точки останова Twitter Bootstrap 3 с помощью JavaScript?

в настоящее время, Twitter Bootstrap 3 имеют следующие отзывчивые точки останова: 768px, 992px и 1200px, представляющие малые, средние и большие устройства соответственно. Как я могу обнаружить эти точки с помощью JavaScript? Я хотел бы слушать с JavaScript для всех связанных событий, вызванных при изменении экрана. И быть в состоянии определить, если экран для малых, средних или больших устройств. что-то уже сделано? Каковы ваши предложения? ...

Bootstrap полноформатный ввод текста в встроенной форме

Я изо всех сил пытаюсь создать текстовое поле, которое соответствует всей ширине моего контейнер зона. <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> ...