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

Bootstrap - це фронтальна основа, призначена для початку проекту веб-додатків та сайтів. Для питань, пов’язаних з версією Bootstrap, також використовуйте тег конкретної версії з тегів "twitter-bootstrap-2", "twitter-bootstrap-3" та "bootstrap-4".

8
Вирівняйте два divs по горизонталі поруч із центром до сторінки за допомогою bootstrap css
Будь ласка, зверніться до коду, що я пробував <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> вихід: First Div SecondDiv Очікуваний результат: First Div Second Div я хочу вирівняти два divs по горизонталі до центру за допомогою bootstrap css. як я можу це зробити? я не хочу використовувати …

18
Модальна проблема Bootstrap - прокрутка стає відключеною
У мене є модаль, і в цьому модалі є спадне меню, яке відображає великий прихований вміст, який працює. Тепер, коли ви відкриваєте наступний модаль, укладений поверх першого модалу, і відхиляєте його, прокрутка модалів знизу стає вимкненою. Я створив повний приклад, включаючи кроки для відтворення проблеми, з якою я стикаюся. Ви …

26
Завантажте вміст Bootstrap popover за допомогою AJAX. Чи можливо це?
Відповідні шматочки того, що я спробував, є тут: <a href="#" data-content="<div id='my_popover'></div>"> Click here </a> $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) When I click, I see the request get made, but doesn't populate the popover. I don't even see HTML for the popover get added to the DOM, but that …

6
jQuery show () для класу css Twitter Bootstrap приховано
Я використовую Twitter Bootstrap, і я помічаю, що jQuery show()або fadeIn()не робить елемент DOM, позначений класом, hiddenз’являтися, оскільки функції jQuery лише видаляють display: noneспецифікацію. Однак значення visibilityвсе ще встановлено hidden. Цікаво, який найкращий можливий спосіб обійти це? Видаліть hiddenклас з елемента Змініть властивість видимості Перезаписати прихований клас у власному css …


5
початковий випадаючий міхур вирівнюється вправо (не вправо)
У моєму верхньому меню є кошик, push-rightі моя проблема полягає в тому, що випадаючий міхур випадає зі сторінки. Я намагаюся вирівняти міхур праворуч, щоб він вирівнювався праворуч за клацанням подобається це HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

12
Bootstrap - Видалення заповнення або поля, коли розмір екрана менший
ВИДАЛЕНО: Може, я повинен запитати, який селектор встановлює бічні відступи, коли екран зменшується до ширини нижче 480 пікселів? Я деякий час переглядав bootstrap-responsiveness.css, щоб знайти це, але, здається, ніщо на це не впливає. Оригінал Я в основному хочу видалити будь-які заповнення за замовчуванням або поля, встановлені для реагування на менші …

11
Перевизначити твіттер bootstrap Textbox Glow and Shadows
Я хочу видалити синє сяйво текстового поля та межі, але я не знаю, як замінити будь-який js або css його, перевірте тут РЕДАГУВАТИ 1 Я хочу це зробити, тому що я використовую плагін jquery Tag-it, а також використовую завантажувальну стрічку twitter, плагін використовує прихований textField для додавання тегів, але коли …

3
Рядок Bootstrap зі стовпцями різної висоти
На даний момент я маю щось на зразок: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Тепер припускаючи, що це contentбули коробки різної висоти, з однаковою шириною - як я міг зберегти той самий «макет на основі …

8
Як відцентрувати вкладки завантажувальної стрічки на сторінці?
Я використовую twitter bootstrap для створення перемикаються вкладок. Ось css, який я використовую: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Цей html відображає вкладки правильно, але відтягується ліворуч (саме це має відбутися). Я спробував попрацювати з CSS, щоб …

19
Додавання піктограми відкритого / закритого типу в Twitter Bootstrap, що складається
Я створив цю просту версію гармошки Bootstrap : Простий акордеон: http://jsfiddle.net/darrenc/cngPS/ В даний час піктограма вказує лише вниз , але чи хтось знає, який JS був би необхідний для реалізації, щоб змінити клас піктограми на: <i class="icon-chevron-up"></i> ... так що при розгортанні він спрямовується вгору і знову перемикається вниз, коли …

18
Як зберегти поточну вкладку активною за допомогою завантажувального ретранслятора після перезавантаження сторінки?
Зараз я використовую вкладки з Twitter Bootstrap і хочу вибрати ту саму вкладку після того, як користувач опублікує дані та сторінку перезавантажить. Як це робиться? Мій поточний дзвінок до вкладки inti виглядає так: <script type="text/javascript"> $(document).ready(function() { $('#profileTabs a:first').tab('show'); }); </script> Мої вкладки: <ul id="profileTabs" class="nav nav-tabs"> <li class="active"><a href="#profile" …


21
Завантажте відповідне меню завантаження "на клацання"
Клацнувши на кнопці "ПРОДУКТИ", я пересуваю білий div (як показано в додатку). Коли використовується адаптивний (мобільний і планшетний ПК), я хотів би автоматично закрити адаптивну панель навігації та відображати лише білу смужку. Я намагався: $('.btn-navbar').click(); також намагався: $('.nav-collapse').toggle(); І це працює. Однак у розмірі робочого столу він також називається і …

7
Обробники подій для випадаючих меню Twitter Bootstrap?
Я хотів би скористатися кнопкою розкривного меню Twitter Bootstrap : <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> </ul> </div><!-- /btn-group --> Коли користувач змінює значення кнопки на "Інша дія", замість того, щоб просто #переходити до , я насправді …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.