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

Есть ли способ изменить анимацию модального окна Twitter Bootstrap с эффекта слайда вниз на fadeIn или просто показать без слайда? Я прочитал документацию здесь: http://getbootstrap.com/javascript/#modals Но они не упоминают никаких вариантов изменения эффектов модального слайда.

167 javascript  jquery  jquery-ui  twitter-bootstrap 

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

167 twitter-bootstrap  twitter-bootstrap-3 

У меня есть следующий элемент: <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> <div class="modal-footer"></div> </div> </div> </div> Он показывает модальное диалоговое окно примерно так, в основном, он помещает полосу прокрутки вокруг всего, modal-dialogа …

165 css  twitter-bootstrap 

Я создал всплывающую подсказку с помощью Twitter Bootstrap. Подсказка отображается с тремя строками. Однако я хотел бы отобразить всплывающую подсказку только с одной строкой. Как изменить ширину всплывающей подсказки? Это относится к Twitter Bootstrap или к подсказкам?

163 twitter-bootstrap  tooltip 

У меня есть страница, где существует только форма, и я хочу, чтобы форма размещалась в центре экрана. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> …

163 css  twitter-bootstrap  bootstrap-4  centering 

Я использую Twitter-Bootstrap, и мне нужно иметь возможность печатать страницу так, как она выглядит в браузере. Я могу печатать другие страницы, созданные с помощью Twitter-Bootstrap, но я не могу напечатать свою страницу, которая использует чисто Twitter-Bootstrap. Я где-то пропустил тег? Официальная страница о ТБ при печати: Моя страница при печати: …

162 printing  twitter-bootstrap 

Какой лучший способ добавить вертикальные пробелы с помощью Twitter Bootstrap? Например, предположим, что я создаю целевую страницу и хотел бы (100px) пустых пробелов выше и ниже определенной кнопки. Очевидно, я мог бы создать определенный класс для этой конкретной кнопки. Но я думаю, что Bootstrap должен иметь СУХОЙ способ добавления в …

162 twitter-bootstrap  whitespace  vertical-alignment  twitter-bootstrap-2 

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы ответить на него фактами и цитатами, отредактировав этот пост . Закрыто 5 лет назад . Улучшить этот вопрос Я недавно обнаружил, Flexboxкогда искал решение, чтобы сделать div одинаковой …

161 html  css  twitter-bootstrap  flexbox 

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> Как сделать модальное всплывающее окно для начальной загрузки в Твиттере в полноэкранном режиме для приведенного выше кода, я попытался поиграться с css, но не смог получить его так, как хотел. Может кто-нибудь, пожалуйста, …

160 css  twitter-bootstrap 

Начальная загрузка Twitter использует иконки от Glyphicons . available in dark gray and whiteПо умолчанию они " ": Можно ли использовать некоторые хитрости CSS, чтобы изменить цвета значков? Я надеялся на какой-то другой блеск css3, который не позволил бы установить изображение значка для каждого цвета. Я знаю, что вы можете …

159 css  twitter-bootstrap  sprite  css-sprites 

Я пытаюсь понять, как сделать следующую сетку с помощью Bootstrap. Я не уверен, как бы я создал коробку (номер 1), которая охватывает две строки. Коробки генерируются программно в том порядке, в котором они расположены. Коробка 1 - приветственное сообщение. Есть какие-нибудь идеи о том, как лучше всего это сделать?

158 css  twitter-bootstrap 

В настоящее время я использую функцию ниже для создания текста, который будет отображаться с помощью плагина всплывающей подсказки Bootstrap. Почему многострочные всплывающие подсказки только работают, <br>а не работают \n? Я предпочитаю, чтобы в атрибутах заголовка моих ссылок не было HTML. Что работает def tooltip(object) tooltip = "" object.each do |user| …

157 javascript  html  css  twitter-bootstrap 

Я пытаюсь реализовать выровненные по левому краю вкладки с помощью плагина jquery для вкладок в Bootstrap 3, где вкладки отображаются вертикально слева от содержимого вкладок, а не сверху. Когда я попробую следующее; <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> </ul> <div …

157 twitter-bootstrap  tabs  twitter-bootstrap-3 

Каков наилучший способ горизонтального размещения кнопок Bootstrap? На данный момент кнопки касаются: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> jsfiddle показывает проблему: http://jsfiddle.net/hhimanshu/sYLRq/4/

157 html  css  twitter-bootstrap 

Я пытаюсь использовать модальную функцию из 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 …

157 jquery  css  twitter-bootstrap  youtube  twitter-bootstrap-3