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

Bootstrap - это интерфейсная среда, разработанная для ускорения разработки веб-приложений и сайтов. Для вопросов, связанных с версией Bootstrap, также используйте тег определенной версии из тегов «twitter-bootstrap-2», «twitter-bootstrap-3» и «bootstrap-4».

7
Как программно запустить модал Bootstrap?
Если я пойду сюда http://getbootstrap.com/2.3.2/javascript.html#modals И нажмите «Запустить демо-модал», это сделает ожидаемую вещь. Я использую модальный как часть моего процесса регистрации, и на нем задействована проверка на стороне сервера. Если есть проблемы, я хочу перенаправить пользователя на тот же модал с моими сообщениями проверки. На данный момент я не могу …

27
Bootstrap Модал сразу исчезает
Я работаю над сайтом с помощью начальной загрузки. По сути, я хотел использовать модал на домашней странице, вызванный кнопкой в ​​Hero Unit. Код кнопки: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Модальный код: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> …

12
Bootstrap 3 Navbar Свернуть
Есть ли способ увеличить точку, в которой рушится загрузочная панель навигации 3 (то есть, чтобы она свалилась в раскрывающийся список на портретных планшетах)? Эти два были применимы к начальной загрузке 2, но не сейчас! Как изменить порог коллапса навигационной панели, используя Twitter при начальной загрузке? Изменить стандартную отзывчивую точку останова …

6
Форма встроенная внутри формы горизонтальная в Twitter начальной загрузки?
Какой лучший способ создать форму, которая выглядит следующим образом (см. Ссылку ниже) в Twitter-загрузчике без каких-либо домашних занятий? Можно ли установить внутреннюю форму внутри строки внутри формы, как показано ниже:

23
Изменение ширины всплывающего окна Bootstrap
Я создаю страницу с помощью Bootstrap 3. Я пытаюсь использовать всплывающее окно с placement: rightэлементом ввода. Новый Bootstrap гарантирует, что, если вы используете, у form-controlвас будет элемент ввода полной ширины. HTML-код выглядит примерно так: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover …

2
Вложенные строки с сеткой начальной загрузки?
Я хочу 1 увеличенное изображение с 4 меньшими изображениями в формате 2x2, например: Моей первоначальной мыслью было разместить все подряд. Затем создайте два столбца и во втором столбце создайте две строки и два столбца, чтобы создать эффект 1x1 и 2x2. Тем не менее, это кажется невозможным, или я просто делаю …

7
Отметить ошибку в форме с помощью Bootstrap
Я начал использовать Bootstrap для того, чтобы получить хороший дизайн страницы без использования GWT (бэкэнд сделан в Java) Для моего экрана входа я скопировал этот пример . Теперь я хочу отметить ошибку, например, что имя пользователя оставлено пустым. Поэтому мне было интересно, какова процедура в рамках Bootstrap для этого. Или, …

4
Как обработать модальное закрытие события в Twitter Bootstrap?
В Твиттере начальная загрузка, просматривая модальную документацию. Я не смог выяснить, есть ли способ прослушать событие закрытия модального режима и выполнить функцию. Например, давайте возьмем этот модал в качестве примера: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <a href="#" class="btn …


7
Как добавить значок кнопки в кнопку, когда она находится в состоянии загрузки?
Кнопки Twitter Bootstrap имеют хорошее Loading...состояние. Дело в том, что он просто показывает сообщение, которое Loading...прошло через data-loading-textатрибут: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Глядя на Font Awesome, вы видите, что теперь есть анимированная иконка . Я попытался интегрировать этот значок счетчика при запуске …

16
Загрузочный стол без полосы / бордюров
Я вроде застрял с проблемой CSS при использовании Bootstrap. Я также использую Angular JS с Angular UI.bootstrap (что может быть частью проблемы). Я делаю сайт, который отображает данные в таблице. Иногда данные содержат объект, который я должен отображать в таблицах. Поэтому я хочу поместить таблицы без границ в обычную таблицу, …

17
$ (window) .width () не то же самое, что медиа-запрос
Я использую Twitter Bootstrap в проекте. Наряду со стилями начальной загрузки по умолчанию я также добавил несколько своих //My styles @media (max-width: 767px) { //CSS here } Я также использую jQuery для изменения порядка определенных элементов на странице, когда ширина области просмотра меньше 767 пикселей. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { …

4
Перенос щебета в Twitter с помощью кнопки Bootstrap
Из-за жизни я не могу заставить эти кнопки начальной загрузки твиттера переносить текст на несколько строк, они выглядят так. Я не могу публиковать изображения, так что это то, что он делает ... [Это текст] Я хотел бы, чтобы это выглядело как [Это ] [текст кнопки] <div class="col-lg-3"> <!-- FIRST COL …

28
Наложение нескольких модалов
Мне нужно, чтобы наложение показывалось над первым модалом, а не сзади. Показать фрагмент кода $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / modal …

11
Как установить фокус для определенного поля в модале Bootstrap, как только оно появится
Я видел пару вопросов относительно модов начальной загрузки, но ни один из них точно не такой, так что я продолжу. У меня есть модал, который я называю onclick, так что ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Это прекрасно работает, но когда я показываю модальный режим, я хочу сосредоточиться на первом элементе ввода …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.