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

Bootstrap 3 - це третє покоління основної системи, що дозволяє швидше розвивати веб-сайти з привабливим зовнішнім виглядом. Використовуйте з тегом [twitter-bootstrap]

5
Повнорозмірне введення тексту в завантажувальному форматі в межах вбудованої форми
Я намагаюся створити текстове поле, яке відповідає всій ширині моєї контейнерної області. <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Коли я роблю вищезазначене, два форми форми є строковими, як я очікую, але не …

6
Як додати вікно пошуку з піктограмою до панелі навігації у Bootstrap 3?
Я використовую новий Twitter Bootstrap 3 і намагаюся розмістити вікно пошуку, подібне до цього (внизу) у верхній навігаційній панелі : У Bootstrap 2 це могло б зробити так: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> Але я …

5
Шаблон 100% ширини Twitter Bootstrap 3
Я новачок у завантажувальному закладі і маю шаблон на 100%, який хочу кодувати за допомогою bootstrap. Перший стовпчик починається в лівому куті, і я маю на карті Google розтягнення в правий край. Я думав, що можу це зробити з container-fluidкласом, але це, здається, вже не доступне. Я не маю уявлення, …

8
Що таке ".well" еквівалентний клас у Bootstrap 4
У bootstrap-3 є .wellклас, який додає закруглену рамку навколо елемента із сірим кольором тла та деякими накладками. <div class="well">Basic Well</div> Але я не знайшов жодного .wellкласу в bootstrap-4. Чи є якийсь тег, еквівалентний .wellв bootstrap-4?


13
Завантажувальний пристрій 3: витягнути праворуч лише для колекцій
Нове для завантажувального пристрою 3 .... У моєму макеті у мене є: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Я хотів би, щоб "елементи 2" НЕ вирівнювались прямо на екранах менших розмірів, ніж колаж. Тож ефективно мати клас тяг-право лише для …

13
Bootstrap намагається завантажити файл карти. Як відключити це? Чи потрібно це робити?
Я нещодавно граю з bootsrap3. Я склав його з джерел і включив distr js та css до свого проекту. Справа в тому, що я бачу в інструментах розробки GH, що він намагається отримати файл .map.css. Чому він хоче це зробити? Як відключити це? Чи потрібно це відключити? Щоб не мати …

8
Bootstrap 3.0 - рідинна сітка, що включає фіксовані розміри стовпців
Я вчусь використовувати Bootstrap. В даний час я проходжуся по макетах. Хоча Bootstrap досить крутий, все, що я бачу, здається датованим. На все життя я маю те, що, на мою думку, є основним макетом, якого я не можу зрозуміти. Мій макет виглядає наступним чином: --------------------------------------------------------------------------- | | | | | …

14
Bootstrap 3 Згорнути показ шоу із значком Chevron
Використовуючи основний приклад, взятий зі сторінки прикладів Jaotstrap 3 Javascript для Collapse , я зміг показати стан колапсу за допомогою іконок шеврона. У мене це працює, використовуючи: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Це працює (не повністю перевірено у всіх браузерах), але мені цікаво, чи …

18
Завантажувальна програма 3: Тримайте вибрану вкладку на оновленні сторінки
Я намагаюся підтримувати вибрану вкладку під час оновлення за допомогою Bootstrap 3 . Спробував і перевірив, з якого питання вже задавались, але для мене жодної роботи. Не знаю, де я помиляюся. Ось мій код HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" data-toggle="tab">Personal Information</a></li> <li><a href="#Employment-info" …

4
Доступні класи кольорів тексту у Bootstrap
Я розробляю сторінку реєстрації, розміщуючи текст як назву на навігаційній панелі. Я хочу надати цим текстам різні кольори. Для цього я використовую окремий файл CSS, але я хочу це зробити за допомогою CSS-файлу bootstrap. Чи може хтось перелічити наявні кольорові класи в завантажувальному?

10
Підтримка справа наліво для Twitter Bootstrap 3
Про це вже виникали питання: Twitter Bootstrap CSS, який підтримує мови RTL Але всі відповіді хороші для Bootstrap 2.x Я працюю над проектом, який є арабською мовою (rtl), і мені потрібен Bootstrap 3.x справа наліво. Хтось знає виправлення для цього?

3
Bootstrap 3 Slide в меню / Navbar на мобільному пристрої [закрито]
Зачинено. Це питання потребує детальної налагодження . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закритий минулого року . Удосконаліть це питання Я будую мобільний додаток на базі браузера, і я вирішив використовувати Bootstrap 3 як css основу для проектування. Bootstrap …

10
Заголовок панелі завантаження 3 з неправильним положенням кнопок
Я використовую Bootstrap 3, і я хотів би додати кілька кнопок у заголовку панелі, у верхньому правому куті. При спробі їх додати вони відображаються нижче базової лінії заголовка. Код: http://bootply.com/82631 Які відсутні CSS, які я повинен додати або до заголовка, заголовка панелі чи кнопок?

6
Bootstrap 3 - Чому клас рядків ширший від його контейнера?
Я щойно почав використовувати Bootstrap 3. Мені важко зрозуміти, як працює клас рядків. Чи є спосіб уникнути padding-leftі padding-right? <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/

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