Запитання з тегом «twitter-bootstrap»

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

167 javascript  jquery  jquery-ui  twitter-bootstrap 

У гармошці Bootstrap замість того, щоб вимагати натискання на aтекст, я хочу змусити його згортатись, коли клацніть де-небудь у розділі panel-heading. Я використовую 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> </div> …

163 css  twitter-bootstrap  bootstrap-4  centering 

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

162 printing  twitter-bootstrap 

Який найкращий спосіб додати вертикальний пробіл за допомогою Bootstrap Twitter? Наприклад, скажімо, що я створюю цільову сторінку і хотів би трохи (100 пікселів) порожнього пробілу над і під певною кнопкою. Очевидно, я міг створити певний клас саме для цієї кнопки. Але я думаю, що Bootstrap повинен мати сухий спосіб додавання …

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

Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 5 років тому . Удосконаліть це питання Я нещодавно виявив, Flexboxколи шукав рішення, щоб зробити діви однакової висоти, …

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 …

157 javascript  html  css  twitter-bootstrap 

Я намагаюся реалізувати вирівняні вкладені вкладки за допомогою плагіну Tab 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 class="tab-content"> <div class="tab-pane …

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, що показує проблему: …

157 html  css  twitter-bootstrap 

Я намагаюся використовувати функцію Modal з 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