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

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

90 twitter-bootstrap  twitter-bootstrap-3 

Можно ли получить многоуровневое выпадающее меню с помощью элементов twitter bootstrap 2? В исходной версии этой функции нет.

89 css  twitter-bootstrap 

EDITED: Может быть, мне следует спросить, какой селектор устанавливает боковые отступы, когда экран уменьшается до ширины ниже 480 пикселей? Некоторое время я просматривал bootstrap-responseiveness.css, чтобы найти это, но, похоже, на это ничего не влияет. Оригинал Я в основном хочу удалить любые отступы или поля по умолчанию, установленные для скорости отклика …

89 css  twitter-bootstrap  responsive-design  media-queries 

Я использую Twitter Bootstrap и я замечаю , что JQuery show()или fadeIn()не делает DOM элемент , отмеченный класс hiddenпоявляется , поскольку функции JQuery только удалить display: noneспецификацию. Тем не менее, по- visibilityпрежнему установлено значение hidden. Интересно, как лучше всего обойти это? Удалите hiddenкласс элемента Измените свойство видимости Перезаписать скрытый класс …

89 jquery  twitter-bootstrap 

Я хочу удалить синее свечение текстового поля и границы, но я не знаю, как переопределить любой из js или css, отметьте здесь ИЗМЕНИТЬ 1 Я хочу сделать это, потому что я использую плагин jquery Tag-it, и я также использую загрузку twitter, плагин использует скрытое текстовое поле для добавления тегов, но …

88 javascript  jquery  html  css  twitter-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были блоки разной высоты и одинаковой ширины - как я мог сохранить тот же «макет на основе сетки» и при этом, …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Я использую 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, …

87 html  css  twitter-bootstrap 

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

87 javascript  jquery  twitter-bootstrap 

В настоящее время я использую вкладки с Twitter Bootstrap и хочу выбрать ту же вкладку после того, как пользователь отправил данные и страница перезагрузится. Как это сделать? Мой текущий вызов вкладок выглядит так: <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" …

87 javascript  jquery  twitter-bootstrap 

Я не могу понять, нужно ли мне добавлять таблицу стилей normalize.css в мой проект начальной загрузки. Я использую последнюю версию начальной загрузки v2.3.2.

87 twitter-bootstrap  normalize  css-reset 

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

86 javascript  html  css  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 --> Когда пользователь меняет значение кнопки на «Другое действие», вместо того, чтобы просто переходить к нему #, я действительно хотел …

86 javascript  twitter-bootstrap 

Я использую twitter bootstrap и имею строку с двумя столбцами (span6). Как создать вертикальный разделитель между двумя промежутками. Спасибо, муртаза

86 html  css  twitter-bootstrap 

Я пробую Bootstrap, и мне было интересно, как я могу исправить нижний колонтитул внизу, чтобы он не исчезал со страницы при прокрутке содержимого?

86 html  css  twitter-bootstrap  footer 

У меня проблема с раскрывающимися кнопками внутри таблиц, когда они отзывчивы и прокручиваются, потому что раскрывающийся список не отображается из-за overflow: auto;свойства. Как я могу исправить это, чтобы отображалась раскрывающаяся опция кнопки, когда она свернута? Я могу использовать jQuery, но после того, как у меня возникли проблемы с прокруткой влево-вправо, …

86 javascript  jquery  css  twitter-bootstrap  overflow