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

Bootstrap - это интерфейсная среда, разработанная для ускорения разработки веб-приложений и сайтов. Для вопросов, связанных с версией Bootstrap, также используйте тег определенной версии из тегов «twitter-bootstrap-2», «twitter-bootstrap-3» и «bootstrap-4».

12
Bootstrap 4 Изменение цвета переключателя гамбургеров
У меня есть веб-сайт начальной загрузки, на котором добавляется переключатель гамбургера, когда размер экрана меньше 992 пикселей. Код такой: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Есть ли возможность изменить цвет кнопки переключения гамбургера?


10
Как выровнять элементы сетки по нижнему краю в макете bootstrap Fluid
У меня есть гибкий макет с использованием начальной загрузки Twitter, в котором у меня есть строка с двумя столбцами. В первом столбце много содержимого, которое я хочу заполнить обычным образом. Во втором столбце есть только кнопка и текст, который я хочу выровнять по нижнему краю относительно ячейки в первом столбце. …

6
Вертикальное выравнивание в таблице начальной загрузки
Я пытаюсь отобразить таблицу с 4 столбцами, один из которых является изображением. Ниже приведен снимок: - Я хочу выровнять текст по вертикали по центру, но почему-то CSS не работает. Я использовал адаптивные таблицы начальной загрузки. Я хочу знать, почему мой код не работает и как правильно его заставить работать. Ниже …

24
Свернутое меню Bootstrap 3 не закрывается при нажатии
У меня от бутстрапа 3 более-менее стандартная навигация <body data-spy="scroll" data-target=".navbar-collapse"> <!-- ---------- Navigation ---------- --> <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a …

8
Bootstrap Datepicker - только месяцы и годы
Я использую bootstrap datepicker, и мой код выглядит следующим образом: Демо кода на jsfiddle <div class="input-append date" id="datepicker" data-date="02-2012" data-date-format="mm-yyyy"> <input type="text" readonly="readonly" name="date" > <span class="add-on"><i class="icon-th"></i></span> </div> $("#datepicker").datepicker({ viewMode: 'years', format: 'mm-yyyy' }); Приведенный выше код работает нормально, но я пытаюсь позволить пользователям выбирать только месяцы и годы. …

18
Bootstrap 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> …

10
Как определить версию Bootstrap?
Я хочу обновить Bootstrap на сайте, но не знаю установленной версии. Как я могу определить версию начальной загрузки, используя только файлы bootstrap.css и bootstrap.min.js? В файле CSS нет версии, а файл min.js содержит следующий комментарий. /*! * Bootstrap.js by @fat & @mdo * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */

7
Bootstrap Carousel: удаление автоматического слайда
Я использую Bootstrap Carousel. Все, что я хочу, это чтобы ползунок сдвигался только при нажатии на навигацию или разбиение на страницы. Я пробовал удалить $('.carousel').carousel({ interval: 6000 }); Он работает нормально, но моя проблема в том, что когда я уже щелкнул навигацию или разбиение на страницы, теперь он автоматически скользит. …

10
Поддержка справа налево для Twitter Bootstrap 3
Раньше были вопросы по этому поводу: Twitter Bootstrap CSS, поддерживающий языки RTL Но все ответы хороши для Bootstrap 2.x Я работаю над проектом на арабском языке (rtl), и мне нужен Bootstrap 3.x справа налево. Кто-нибудь знает, как исправить это?

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

3
Bootstrap 3 Slide в меню / панели навигации на мобильных устройствах [закрыто]
Закрыто. Этот вопрос требует подробностей отладки . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт в прошлом году . Уточните этот вопрос Я создаю мобильное приложение на основе браузера и решил использовать Bootstrap 3 в качестве фреймворка css …


12
Как удалить стрелку в раскрывающемся списке в Bootstrap 4?
Я использую Bootstrap 4. Я попытался убрать стрелку в раскрывающемся списке. Эти ответы , которые я нашел для Bootstrap 3 не работают. Jsfiddle здесь . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> …

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.