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

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

99 html  css  twitter-bootstrap 

У меня есть модальный загрузчик 2.32, который я пытаюсь динамически вставить в HTML другого представления. Я работаю с Codeigniter 2.1. После динамической вставки модального частичного представления начальной загрузки в представление у меня есть: <div id="modal_target"></div> как целевой div для вставки. У меня есть кнопка, которая выглядит так: <a href="#message" class="btn …

99 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-2 

Я попытался установить bootstrap 4 и включил следующие ссылки <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Но возникает следующая ошибка: Неперехваченный синтаксис Ошибка: неожиданный экспорт токена Есть идеи, как это исправить?

99 javascript  twitter-bootstrap  bootstrap-4  popper.js 

Я знаю, Bootstrap 3что у вас есть горизонтальный разделитель, который вы можете разместить внутри выпадающих меню для разделения таких ссылок: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Мой вопрос: есть ли способ сделать это без выпадающего списка, например, поместить его в какой-либо список или …

98 twitter-bootstrap  twitter-bootstrap-3 

Я использую модальное всплывающее окно twitter bootstrap. <div id="myModal" class="modal hide fade in"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Header</h3> </div> <div class="modal-body"></div> <div class="modal-footer"> <input type="submit" class="btn btn-success" value="Save"/> </div> </div> Я могу загружать контент с помощью ajax с этим a-элементом: <a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a> Теперь мне нужно открыть …

98 javascript  twitter-bootstrap 

Я переношу свои темы Bootstrap с v2.3.2 на v3.0.0 и заметил одну вещь: многие измерения рассчитываются по-другому из-за следующих стилей в bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Может ли кто-нибудь объяснить, почему Bootstrap переключает размер всех элементов на границу? Я подозреваю, что это связано …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

У меня есть сайт с фиксированной навигационной панелью сверху и тремя блоками внизу в области основного содержимого. Я пытаюсь использовать scrollspy из фреймворка начальной загрузки. У меня он успешно выделяет разные заголовки в меню, когда вы прокручиваете мимо div. У меня также есть, поэтому, когда вы нажимаете на меню, оно …

98 twitter-bootstrap 

Я бы хотел, чтобы мой контент был плавным, но при использовании .container-fluidс сеткой Bootstrap я все еще вижу отступы. Как мне избавиться от прокладки? Я вижу, что у меня нет заполнения с помощью .row, но я хочу добавить столбцы, и как только я это сделаю, заполнение вернется: O. Я хочу …

98 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

В настоящее время я использую twitter bootstrap 3, и у меня возникла проблема с созданием адаптивного изображения. Я использовал img-responsiveкласс. Но размер изображения не увеличивается. Если я использую width:100%вместо, max-width:100%то он отлично работает. В чем проблема? Это мой код: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img …

97 javascript  jquery  html  css  twitter-bootstrap 

Я использую плагин Bootstrap-Select вот так: HTML : <select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select> Javascript : $('select[name=selValue]').selectpicker(); Теперь я хочу установить значение, выбранное для этого выбора, при нажатии кнопки ... примерно так: $('#mybutton').click(function(){ $('select[name=selValue]').val(1); }); Но ничего не происходит. Как …

97 jquery  twitter-bootstrap  bootstrap-select 

Как скрыть календарь после выбора даты? Есть ли конкретная функция, которую я могу использовать? Мой код ниже: $('#dp1').datepicker({ format: 'mm-dd-yyyy', startDate: '-15d', autoclose: true, endDate: '+0d' // there's no convenient "right now" notation yet }); Любая помощь будет оценена.

97 jquery  twitter-bootstrap  datepicker 

Я работаю в проекте, где мы не используем JQuery. Зависит ли от этого бутстрап твиттера?

97 twitter-bootstrap 

Я хочу передать userNameиз списка userNamesa, вошедшего в систему, пользователь нажимает на twitter bootstrap modal. Я использую grails с angularjs , где данные отображаются через angularjs . Конфигурация Мой Grails просмотр страницы encouragement.gspявляется <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" …

96 javascript  twitter-bootstrap  grails  angularjs 

Я не могу понять, что означает следующий код с точки зрения icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Что icon-bar ? Почему существует три подобных случая? Этот код находится в разделе панели навигации: <div class="navbar-header"> ... </div>

96 html  css  twitter-bootstrap 

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

96 css  button  twitter-bootstrap