twitter-bootstrap- все статьи тега ➜ страница 5
Как использовать новый плагин affix в bootstrap 2.1.0 twitter?
загрузочная документация по этой теме немного сбивает меня с толку. Я хочу добиться аналогичного поведения, как в документах с affix navbar: navbar находится ниже заголовка абзаца / страницы, и при прокрутке вниз он должен сначала прокручиваться до достижения верхней части страницы, а затем придерживаться там фиксированной для дальнейшего прокрутки. поскольку jsFiddle не работает с концепцией navbar, я создал отдельную страницу для использования в качестве минимального примера: http://i08fs1.ir ...
чтобы вызвать событие onChange после нажатия клавиши Enter
Я новичок в Bootstrap и застрял с этой проблемой. У меня есть поле ввода, и как только я ввожу только одну цифру, вызывается функция из onChange, но я хочу, чтобы она вызывалась, когда я нажимаю "Enter", когда весь номер был введен. Та же проблема для функции проверки - она вызывает слишком рано. var inputProcent = React.CreateElement(bootstrap.Input, {type: "text", // bsStyle: this.validationInputFactor(), placeholder: this.initialFactor, className: "input-block-level", ...
Как получить Twitter-Bootstrap навигации, чтобы показать активную ссылку?
Я не понимаю, как Twitter Bootstrap делает активные ссылки для навигации. Если у меня есть обычная навигация, как это (с ruby on rails linking): <ul class="nav"> <li class="active"> <a href="/link">Link</a> </li> <li class=""> <a href="/link">Link</a> </li> <li class=""> <a href="/link">Link</a> </li> </ul> Как мне сохранить его активным на основе ссылки нажал? ...
Избегайте модального увольнения при нажатии клавиши enter
Я настроил bootstrap модальный с формой внутри него, я просто заметил, что когда я нажимаю клавишу Enter, модальный получает уволен. Есть ли способ не отклонить его при нажатии Enter? Я попытался активировать модальный с помощью клавиатуры: false, но это только предотвращает увольнение с помощью клавиши ESC. ...
Удалить радиус границы из тега Select в bootstrap 3
Это кажется тривиальной проблемой, но я не могу понять это. на собственном сайте Bootstraps у них есть пример выбора. Глядя на код, похоже, что на этом элементе select есть радиус границы 4. Я надеюсь, что изменение этого радиуса границы на 0 приведет к удалению радиуса границы из элемента select, однако это не так - как показано в рисунок ниже. Я исследовал все CSS, который изменяет этот элемент select, но ни один из них, похоже, не удаляет радиус границы. ...
Изменить цвет всплывающей подсказки bootstrap
то, что я пытаюсь сделать, это изменить цвет подсказки на красный. Однако я также хочу иметь несколько других цветов, поэтому я не просто хочу заменить цвет исходной подсказки. Как бы я это сделал? ...
Twitter Bootstrap: div в контейнере с высотой 100%
используя Twitter bootstrap (2), у меня есть простая страница с навигационной панелью, а внутри container Я хочу добавить div с высотой 100% (в нижней части экрана). Мой css-fu ржавый, и я не могу это решить. простой HTML: <body> <div class="navbar navbar-fixed-top"> <!-- Rest of nav bar chopped from here --> </div> <div class="container fill"> <div id="map"></div> <!-- This one wants to be 100% height --> </div> </body> ...
Должен ли я использовать Bootstrap из CDN или сделать копию на моем сервере?
какова лучшая практика использования Twitter Bootstrap, обратитесь к нему из CDN или сделайте локальную копию на моем сервере? поскольку Bootstrap продолжает развиваться, я боюсь, что если я обращусь к CDN, пользователь со временем увидит разные веб-страницы, а некоторые теги могут даже сломаться. Какой выбор у большинства людей? ...
Настройка шаблона CSS Bootstrap
Я только начинаю работу с Bootstrap из Twitter и мне интересно, что такое "лучшие практики" для настройки. Я хочу разработать систему, которая будет использовать всю мощь шаблона css (Bootstrap или другой), быть полностью (и легко) модифицируемой, быть устойчивой (т. е. когда следующая версия Bootstrap будет выпущена из Twitter, мне не нужно начинать все сначала. например, я хочу добавить фоновые изображения в верхнюю навигацию. Похоже, что есть 3 способы пойти об этом: изменить .классы topba ...
Bootstrap объединение строк (rowspan)
Я тестирую Twitter Bootstrap и застрял с основные леса с рядами. Я пересматривал их документацию несколько раз, и я вижу вложенные столбцы, где вы можете в основном вложить столбцы в столбец, но я не могу найти возможность объединения строк в одну и выровнять ее по столбцу рядом с несвязанными строками. ниже изображение должно иллюстрировать то, что я хочу достичь. только обходное решение, с которым я столкнулся, использует таблицы, но мне не нравится эта идея как я считаю, что отзывчивос ...
Как изменить порог коллапса navbar с помощью Twitter bootstrap-responsive?
Я использую Twitter Bootstrap 2.0.1 в проекте Rails 3.1.2, реализованном с помощью bootstrap-sass. Я загружаю оба bootstrap.css и bootstrap-responsive.css файлы, а также bootstrap-collapse.js Javascript. у меня есть жидкий макет с навигационной панелью, похожей на пример. Это следует за инструкциями navbar "responsive variation"здесь. Он отлично работает: если страница уже, чем около 940px, навигационная панель сворачивается и отображает "кнопку", на которую я могу нажать расширять. однако мо ...
Bootstrap: как изменить ширину контейнера?
Я использовал Twitter Bootstrap для разработки веб-сайта с фиксированным классом контейнера, но теперь клиент хочет, чтобы веб-сайт был шириной 1000px, а не 1170px. Я им не пользуюсь .меньше файлов. есть ли быстрый способ исправить это? ...
"icon-bar" в панели навигации Twitter bootstrap
Я не могу понять, что означает следующий код в терминах icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> что это icon-bar для чего? Почему существует три подобных примера? этот код находится в разделе Панель навигации: <div class="navbar-header"> ... </div> ...
Bootstrap table striped: как изменить цвет фона полосы?
С Bootstrap class table-striped, каждая другая строка в моей таблице имеет цвет фона, равный #F9F9F9. Как я могу изменить этот цвет? ...
Как поместить полосу прокрутки только для модального тела в модальный диалог bootstrap
У меня есть следующий элемент <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> ...
HTML5 Boilerplate и Twitter Bootstrap
Я прочитал различные вопросы, на которые ответил стек о Twitter Bootstrap и HTML5 boilerplate. Я знаю следующее: Bootstrap и H5BP не эквивалентны и используются для разных целей Я знаю, для чего используется Bootstrap, я использую его каждый день - это front-end framework, CSS и JS ready-to-use.Просто примените правильные классы к вашим селекторам / элементам, и Bootstrap сделает все за вас. Они имеют обширную поддержку документация на их веб-сайте, где вы можете увидеть, что они могут предло ...
Центрирование разбиения на страницы в bootstrap
у меня есть этот код в разбивке на страницы <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> но мой ul выравнивается по левому краю. Есть ли способ центрировать ul wrt div? пробовал margin: auto auto и margin :0 auto но они не работают. ...
Как создать переключатель в Bootstrap
Я изначально создал веб-приложение в HTML, CSS и JavaScript, а затем попросил создать его снова в Bootstrap тоже. Я сделал все это хорошо, но у меня были кнопки переключения в веб-приложении, которые изменились обратно на кнопки радио (первоначально флажок) вместо кнопок переключения, которые у меня были изначально. код кнопки: <label> Notifications <span class='toggle'> <input type='radio' class='notifications' name='notifications' id='notifications' / ...
Центрирование кнопки по вертикали в ячейке таблицы с помощью Twitter Bootstrap
Я использую Twitter Bootstrap и пытаюсь центрировать кнопку в ячейке таблицы. Мне только нужно, чтобы он был по центру вертикально. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> & ...
Понимание классов сетки (col-sm - # и col-lg -#) в Bootstrap 3
Я начинаю работу на Bootstrap 3, и у меня возникли некоторые проблемы с пониманием того, как классы сетки предназначены для использования. вот что я уяснил: похоже, что классы col-sm-# и col-lg-# отличаются от старых добрых col-# в том, что они будут применяться только тогда, когда экраны выше определенного размера (768px и 992px соответственно). Если вы опустите-sm - или-lg-divs никогда не свернется в один столбец. однако, когда я создаю два дива внутри строки, которые оба col-sm-6 кажется, ...