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

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

30
Как сделать так, чтобы всплывающее меню Twitter Bootstrap при наведении курсора, а не при нажатии
Я бы хотел, чтобы меню Bootstrap автоматически выпадало при наведении курсора, а не щелкало заголовок меню. Я также хотел бы потерять маленькие стрелки рядом с заголовками меню.
30
Центрирование колонки с помощью Twitter Bootstrap 3
Как центрировать элемент div размером одного столбца в контейнере (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находился в центре контейнера. Я могу использовать …
30
Как я могу сделать колонки Bootstrap одинаковой высоты?
Я использую Bootstrap. Как я могу сделать три колонки одинаковой высоты? Вот скриншот проблемы. Я хотел бы, чтобы синие и красные столбцы были такой же высоты, как и желтый столбец. Вот код: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" …
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"> …
14
Как открыть модальное окно Bootstrap с помощью jQuery?
Я использую функциональность модального окна Twitter Bootstrap. Когда кто-то нажимает кнопку «Отправить» в моей форме, я хочу показать модальное окно после нажатия кнопки «Отправить» в форме. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" …
6
Что такое sr-only в 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> </div>
20
Класс выравнивания текста для таблицы
Есть ли в класс Twitter Bootstrap набор классов для выравнивания текста? Например, у меня есть несколько таблиц с $итогами, которые я хочу выровнять по правому краю ... <th class="align-right">Total</th> а также <td class="align-right">$1,000,000.00</td>
30
Бутстрап модальный появляется под фоном
Я использовал код для моего модального кода прямо из примера Bootstrap и включил только bootstrap.js (а не bootstrap-modal.js). Тем не менее, мой модал появляется под серым цветом (фон) и не редактируется. Вот как это выглядит: Посмотрите эту скрипку для одного способа воспроизвести эту проблему. Основная структура этого кода выглядит следующим …
26
Кнопка загрузки элемента формы файла Twitter Bootstrap
Почему для загрузки Twitter'а нет красивой кнопки загрузки элемента? Было бы хорошо, если бы для кнопки загрузки была реализована синяя основная кнопка. Можно ли даже отточить кнопку загрузки с помощью CSS? (похоже на нативный элемент браузера, которым нельзя манипулировать)
23
Как вы получаете центрированный контент с помощью Twitter Bootstrap?
Я пытаюсь следовать очень простому примеру. Используя стартовую страницу и систему сетки , я надеялся на следующее: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент ... будет производить центрированный текст. Тем не менее, он все еще появляется в крайнем левом углу. Что …
18
Запретить закрытие модального окна Twitter Bootstrap
Я создаю модальное окно, используя Twitter Bootstrap. Поведение по умолчанию - если вы щелкаете за пределами модальной области, модальное окно автоматически закрывается. Я хотел бы отключить это - т.е. не закрывать модальное окно при нажатии за пределами модального. Может кто-нибудь поделиться кодом JQuery, чтобы сделать это?
11
Привязать функцию к Twitter Bootstrap Модальный Закрыть
Я использую библиотеку Twitter Bootstrap в новом проекте, и я хочу, чтобы часть страницы обновляла и получала последние данные json при закрытии режима. Я не вижу этого нигде в документации, кто-то может указать мне или предложить решение. Две проблемы с использованием документированных методов $('#my-modal').bind('hide', function () { // do something …
10
Передача данных в модал начальной загрузки
У меня есть пара гиперссылок, к каждой из которых прикреплен идентификатор. Когда я нажимаю на эту ссылку, я хочу открыть модальное ( http://twitter.github.com/bootstrap/javascript.html#modals ) и передать этот идентификатор модальному. Я искал в Google, но не смог найти ничего, что могло бы мне помочь. Это код: <a data-toggle="modal" data-id="@book.Id" title="Add this …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.