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

Я пытаюсь установить Bootstrap 3.0 в свое приложение Rails. Я недавно закончил учебник Майкла Хартла и сейчас пытаюсь создать свою собственную систему, используя эту новую версию Bootstrap, но у меня есть несколько вопросов, в которых я не уверен. Мои системные характеристики: OS X Mountain Lion на MBP Рельсы 4.0 Рубин …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

У меня проблема, с модальным окном. У меня есть кнопка на странице, которая переключает модальное окно. Когда появляется модальное окно, страница переходит наверх. Я сделал все, что мог, чтобы найти решение и т. Д., Но я действительно потерялся. РЕДАКТИРОВАТЬ: Я также пробовал с: $('#myModal').modal('show');но имеет тот же эффект.

111 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Это тот эффект, которого я пытаюсь достичь с помощью карусели Bootstrap 3. Вместо того, чтобы просто показывать по одному кадру за раз, он отображает N кадров подряд. Затем, когда вы скользите (или когда он скользит автоматически), он сдвигает группу слайдов, как это происходит. Можно ли это сделать с помощью карусели …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Я пытаюсь уменьшить высоту панели навигации bootstrap 3.0, которая используется с фиксированным верхним поведением. Здесь я использую код. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

я пробовал это но пошло не так вот css body .modal-ku { width: 750px; } и вот неудачный результат

107 html  css  twitter-bootstrap-3 

Я бы хотел, чтобы метки располагались не над полем ввода, а слева. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> <input …

105 css  twitter-bootstrap-3 

Я новичок в Bootstrap и имею более старую версию 2.3.2. Выпущена версия 3. Могу ли я просто заменить файлы CSS и Javascript, если я хочу использовать последнюю версию?

102 twitter-bootstrap  twitter-bootstrap-3 

Я только что посетил эту страницу http://www.elmastudio.de/ и задался вопросом, можно ли с помощью Bootstrap 3 создать коллапс левой боковой панели. Код для свертывания боковой панели сверху (только на телефоне): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Сама боковая панель имеет класс hidden-xs. Удаляется с …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

Для чего tabindexнужен атрибут в Bootstrap 3? В документации о них ничего не говорится, хотя они используются практически во всех модальных окнах. Я нашел это только относительно его использования, что на самом деле мало что говорит Доступные всплывающие подсказки для пользователей клавиатуры и вспомогательных технологий Для пользователей, использующих клавиатуру, и, …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

Я знаю, Bootstrap 3что у вас есть горизонтальный разделитель, который вы можете разместить внутри выпадающих меню для разделения таких ссылок: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Мой вопрос: есть ли способ сделать это без выпадающего списка, например, поместить его в какой-либо список или …

98 twitter-bootstrap  twitter-bootstrap-3 

Я переношу свои темы Bootstrap с v2.3.2 на v3.0.0 и заметил одну вещь: многие измерения рассчитываются по-другому из-за следующих стилей в bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Может ли кто-нибудь объяснить, почему Bootstrap переключает размер всех элементов на границу? Я подозреваю, что это связано …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

Я бы хотел, чтобы мой контент был плавным, но при использовании .container-fluidс сеткой Bootstrap я все еще вижу отступы. Как мне избавиться от прокладки? Я вижу, что у меня нет заполнения с помощью .row, но я хочу добавить столбцы, и как только я это сделаю, заполнение вернется: O. Я хочу …

98 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Возникла проблема с новыми скрытыми / видимыми классами адаптивных утилит при переходе на Bootstrap 4 . Мне известно, что классы .hidden- были удалены из версии 3 и заменены на .hidden-*-up .hidden-*-down. Использование новых .hidden-*-up.hidden-*-downклассов, но элементы не меняются на видимые / скрытые. Не могу понять почему. <div class="col hidden-xs-down"> <span …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle Я предполагаю, что сохраню содержимое формы в функции javascript ... Как мне разместить форму в всплывающем окне начальной загрузки?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

Итак, я использую этот код, чтобы открыть другое модальное окно в текущем открытом модальном окне: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Что происходит, так это то, что примерно на 500 мс полоса прокрутки будет дублироваться. Я думаю, потому что текущий модальный режим все еще исчезает. Однако он выглядит очень негладким и заикается. Буду …

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3