twitter-bootstrap- все статьи тега ➜ страница 4


Как исправить ошибку; ' Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)'

Я использую Bootstrap V4 и в консоли регистрируется следующая ошибка; ошибка: всплывающие подсказки Bootstrap требуют привязки (http://github.hubspot.com/tether/) Я попытался удалить ошибку, установив Tether, но это не сработало. Я "установил" трос, включив следующие строки кода; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> У меня "установленны ...

Как я могу вызвать Bootstrap модальный программно?

Если я пойду здесь http://getbootstrap.com/2.3.2/javascript.html#modals и нажмите "запустить демо-модальный" он делает ожидаемую вещь. Я использую модальный как часть моего процесса регистрации,и есть проверка на стороне сервера. Если есть проблемы, я хочу перенаправить пользователя на тот же модальный режим с отображаемыми сообщениями проверки. На данный момент я не могу понять, как получить модальное отображение, кроме физического щелчка от пользователя. Как я могу запустить модель прогр ...

Сбросить значение select2 и показать заполнитель

Как я могу установить заполнитель на сброс значения с помощью select2. В моем примере, если щелкнуты поля выбора местоположения или класса, и мой select2 имеет значение, чем значение select2 должно сбросить и показать заполнитель по умолчанию. Этот скрипт сбрасывает значение, но не показывает заполнитель $("#locations, #grade ").change(function() { $('#e6').select2('data', { placeholder: "Studiengang wählen", id: null, text: '' }); }); $("#e6").select2({ placeholder: "S ...

Как создать печатную страницу Twitter-Bootstrap

Я использую Twitter-Bootstrap, и мне нужно иметь возможность печатать страницу так, как она выглядит в браузере. Я могу печатать другие страницы, сделанные с помощью Twitter-Bootstrap, но я не могу распечатать свою страницу, которая использует чисто Twitter-Bootstrap. Я где-то пропустил тег? официальная страница ТБ при печати: Моя страница при печати: Как на самом деле выглядит моя страница: ...

Вложенные строки с системой сетки bootstrap?

Я хочу 1 большее изображение с 4 меньшими изображениями в формате 2x2, Как это: моей первой мыслью было разместить все в одном ряду. Затем создайте два столбца, а во втором столбце создайте две строки и два столбца, чтобы создать эффект 1x1 и 2x2. однако, это кажется невозможным, или я просто не делаю это правильно? ...

Могу ли я добавить цвет к значкам bootstrap только с помощью CSS?

в Twitter использует значки по технологии glyphicons. Они и есть"available in dark gray and white" по умолчанию: можно ли использовать некоторые CSS трюки, чтобы изменить цвета иконок? Я надеялся на какой-то другой блеск css3, который предотвратит необходимость установки изображения значка для каждого цвета. Я знаю, что вы можете изменить цвет фона вшита (<i>) элемент, но я говорю о значке цвета переднего плана. Я думаю, что это было бы можно инвертировать прозрачность на изображении з ...

Как я могу закрыть Twitter Bootstrap popover с помощью щелчка из любого места (еще) на странице?

в настоящее время я использую popovers с Twitter Bootstrap, инициированный следующим образом: $('.popup-marker').popover({ html: true, trigger: 'manual' }).click(function(e) { $(this).popover('toggle'); e.preventDefault(); }); Как вы можете видеть, они запускаются вручную и нажав кнопку Далее .popup-маркер (который является div с фоновым изображением) переключает всплывающее окно. Это отлично работает, но я хотел бы также иметь возможность закрыть popov ...

Bootstrap 4 выровнять элементы навигационной панели справа

Как выровнять элемент navbar вправо? я хочу иметь логин и зарегистрировать права. Но все, что я пытаюсь, кажется, не работает. это то, что я пробовал до сих пор: <div> вокруг <ul> С атрибутом: style="float: right" <div> вокруг <ul> С атрибутом: style="text-align: right" попробовал эти две вещи на <li> теги попробовал все эти вещи снова с !important добавить в конец изменить nav-item до nav-right на <li> добавил pull-sm-right класс <li> добав ...

Как сделать Бутстрап аккордеон свернуть при нажатии на заголовок div?

в загрузочном аккордеоне, вместо того, чтобы требовать щелчка по a текст, я хочу, чтобы он свернулся при нажатии в любом месте panel-heading div. Я использую Bootstrap 3. Так что вместо аккордеона это просто складная панель. Есть идеи, как сделать всю панель кликабельной? ...

Загрузочный бросает непойманные ошибка: JavaScript и прихлоп это требует jQuery [закрыт]

Я пытаюсь использовать Bootstrap, чтобы сделать интерфейс для программы. Я добавил jQuery 1.11.0 в <head> tag и думал, что это так, но когда я запускаю веб-страницу в браузере jQuery сообщает об ошибке: Uncaught Error: Bootstrap's JavaScript requires jQuery Я пробовал использовать jQuery 1.9.0, я пробовал с копиями, размещенными на нескольких CDNs, но я не могу заставить его работать. Кто-нибудь может указать, что я делаю неправильно? ...

Используйте легенду набора полей с загрузкой

Я использую Bootstrap для моего JSP страница. Я хочу использовать <fieldset> и <legend> для моей формы. Это мой код. <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" nam ...

Как отобразить выбранный элемент в раскрывающемся списке кнопки Bootstrap

Я использую раскрывающийся компонент bootstrap в своем приложении следующим образом: <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li>&lt ...

Фиксированные кнопки ширины с Bootstrap

поддерживает ли Bootstrap кнопки фиксированной ширины? В настоящее время, если у меня есть 2 кнопки, "Сохранить" и "загрузить", размер кнопки изменяется в зависимости от содержимого. также каков правильный способ расширения Bootstrap? ...

Bootstrap 3 и Youtube в модальном режиме

Я пытаюсь использовать модальную функцию из Bootstrap 3, чтобы показать мое видео на Youtube. Это работает, но я не могу нажать на кнопки в видео на YouTube. любая помощь на этом? вот мой код: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> ...

Как включить bootstrap tooltip на отключенной кнопке?

мне нужно отобразить подсказку на отключенной кнопке и удалить ее на включенной кнопке. На самом деле это работает в обратном направлении. каков наилучший способ инвертировать это поведение? $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/c ...

Twitter bootstrap прокручиваемая таблица

Я хотел бы иметь таблицу на моем сайте. Проблема в том, что эта таблица будет иметь около 400 линий. Как я могу ограничить высоту таблицы и применить к ней полосу прокрутки? Это мой код: <div class="span3"> <h2>Achievements left</h2> <table class="table table-striped"> <thead> <tr> <th>#</th> <th>Name</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>So ...

Как перезаписать стиль в Twitter Bootstrap

Как я могу перезаписать стили в Twitter Bootstrap? Например, в настоящее время я использую a .класс боковой панели, который имеет правило CSS 'float: left;' как я могу изменить это так, чтобы он шел вправо вместо этого? Я использую HAML и SASS, но относительно новичок в веб-разработке. ...

Как включить функцию закрытия ключа escape в модальном режиме загрузки Twitter?

я следовал инструкциям по Twitter Bootstrap modal на своей главной странице документации и используется data-keyboard="true" синтаксис упомянут, но клавиша escape не закрывает модальное окно. есть ли что-то еще, что я упускаю? код: <a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a> <div class='modal fade hide' id='my-modal'> <div class='modal-body'> <div>Test</div> </div> </div> ...

Bootstrap 3: pull-right только для col-lg

New to bootstrap 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" не были выровнены прямо на меньших, чем col-lg экранах. Так что эффективно иметь класс pull-right только для col-lg-6... Как я мог этого добиться? вот скрипка:http://jsf ...

bootstrap popover не отображается поверх всех элементов

Я работаю на сайте bootstrap и после обновления до bootstrap 2.2 от 2.0 все работало, кроме popover. всплывающие окна по-прежнему отображаются нормально, но они не отображаются поверх всех других элементов. <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. </div> </div> < ...