Популярные вопросы по тегу TWITTER-BOOTSTRAP

Использование JQuery и Bootstrap с Es6 Import для приложения React

... лючил импорт, как 6 показано ниже, в мой файл index.js. Но при 5 загрузке страницы выдает ошибку, говоря, что 4 Javascript Bootstrap требует jquery. Я уже 3 установил все необходимы ...

Используйте FontAwesome или Glyphicons с css: before

... очно 3 так же, есть ли способ использовать <i> в качестве 2 маркера списка? Это работает, но работает 1 некорректно для многострочных маркеров: <ul class="icons"> <li><i class="icon-ok"></i> Lists</li> <li><i class="icon-ok"></i> Buttons</li> <li><i class="icon-ok"></i> Button groups</li> <li><i ...

Обертывание и разрыв всплывающей подсказки bootstrap

... дсказку, он выйдет 6 за пределы рамки всплывающей подсказки, как 5 это. После того, как я добавлю это в .tool-inner word-break: break-all; в этом 4 случае он работает нормально. Однако он все 3 р ...

Автовоспроизведение видео в модальном окне Bootstrap при открытии модального окна

... trap 3.3.7, которое 10 содержит видео с использованием тега HTML5 9 video, например <video controls autoplay> <source src="video.mp4" type="video/mp4"> Your browser does not support the video tag. </video> Проблема заключается в том, что 8 при загрузке моей веб-страницы начинается 7 воспроизведение видео (даже если его нельзя 6 «увидеть», поскольку модальное окно ...

Как удалить или настроить кнопку пагинации в карусели Bootstrap

... чку) в карусели Bootstrap. Можно 1 л ...

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

... <h3>Order</h3> </div> <div id="orderDetails"class="modal-body"></div> <div id="orderItems" class="modal-body"></div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> </div> </div> js: function orderModal(order_id){ ...

Вертикальное выравнивание текста и значка в кнопке

... но ничего не работает. <button id="edit-listing-form-house_Continue" class="btn btn-large btn-primary" style="" value="" name="Continue" type="submit"> Continue <i class="icon-ok" style="font-size:40 ...

Невозможно вызвать методы во всплывающей подсказке до инициализации

... all method 'close' throw new Error( msg ); while(m < 10){ ....................................... ....................................... if(data =="EXIST") { display_tp_tooltip(m); $("#tp_no"+m).val(""); } else { display_tp_tooltip_close(m); } } function displ ...

$ _POST пуст после отправки формы

... " id="inputLastname" placeholder="Last name"> </div> </div> <div class="form-actions"> <button type="submit" name="send" class="btn btn-primary">Submit data</button> <a href= ...

Рельсы 4 - мигающее уведомление

... lt;/div> <% end %> <%= yield %> </div> Спасибо! ИЗМЕНИТЬ 7 2: Возможно, я был недостаточно ясен в своем 6 первоначальном вопросе. Я точно понимаю, как 5 в этом случае устанавливается класс во флеш-объекте. Мне 4 интересно узнать, как использовать и настраивать 3 notice: в блоке format.html. Кажется, должен быть способ передать 2 класс через это уведомление? Или это не 1 основной способ работы Rai ...

Ползунок Swiper не работает на панели вкладок Bootstrap

... <i class="fa fa-home"></i> Apparel </a> </li> <li> <a href="#Electronic" role="tab" data-toggle="tab"> ...

Как выровнять вкладки начальной загрузки по центру?

... lt;li class="active"> <a href="#tab_default_1" data-toggle="tab"> Tab 1 </a> </li> <li> <a href="#tab_default_2" data-toggle="tab"> Tab 2 </a> </li> <li> <a href="#tab_default_3" data-toggle="tab"> ...

Скрыть div по умолчанию и показать его при нажатии с помощью начальной загрузки

... который я сделал: <a class="button" onclick="$('#target').toggle();"> <i class="fa fa-level-down"></i> </a> <div id=" ...

Разница между группой ввода и группой форм

... разница в использовании классов cs ...

Как изменить стиль CSS в зависимости от значения

... зываю в цикле foreach бритвы. Внутри 3 цикла я показываю различные значения в массиве. Возможно 2 ли, если да, то как изменить CSS в зависимости 1 от отобр ...

Bootstrap Datepicker (избегайте ввода текста или ограничивайте ввод вручную)

... , отличные от даты. Я 8 пробовал использовать атрибут readonly, но, похоже, он 7 не работает, потому что не позволяет выбрать 6 дату. 2) Я ограничил выбор даты вторником 5 и четвергом, изменив ответ в another post. После загрузки 4 средства выбора даты по умолчанию выбирается 3 текущая дата, которая может быть любым другим 2 ...

Bootstrap - Заполните контейнер жидкостью между верхним и нижним колонтитулами

... </li> <li><a href="#">Sub-Item 4 c</a> </li> </ul> </li> </ul> </div> ...

Изменить толщину шрифта значков FontAwesome?

... дит 5 таким же тяжелым, как и раньше. Я также 4 пробовал font-weight: lighter и -webkit-text-stroke-width: 1px, но безрезультатно. Можно ли 3 сделать значок менее тяжелым? В документации 2 написано «Anything you can do with CSS font styles, you can do w ...

Могу ли я изменить цвет кнопки Bootstrap?

... фон был черным, а цвет текста - белым. Как 1 мне это сде ...

Должен ли я использовать Bootstrap из CDN или сделать копию на моем сервере?

... итесь 7 к нему из CDN или сделайте локальную копию 6 на моем сервере? Поскольку Bootstrap продолжает 5 развиваться, я боюсь, что если я буду ссыла ...

Показать одно всплывающее окно и скрыть другие всплывающие окна

... n-group"> <button class="btn">Left</button> <button class="btn">Middle</button> <button class="btn">Right</button> </div>' $('.btn').popover({ html: true, content:mycontent, trigger: 'manual' }).click(function(e) { $(this).popover('toggle'); e.stopPropagation(); }); $('html').click(function(e) { $('.btn').popover('hide'); }); мой ...

React: отображать новую строку в каждом 4-м столбце

... s="row"> <div class="col-md-3"></div> <div class="col-md-3"></div> <div class="col-md-3"></div> <div class="col-md-3"></div> </div> <div class="row"> <div class="col-md-3"></div> <div class="col-md-3"></div> &l ...

Как включить скрипты, расположенные внутри папки node_modules?

... ь сценарий Bootstrap и файлы CSS, расположенные 8 в папке node_modules? Имеет ли смысл оставить Bootstrap 7 внутри этой папки и сделать что-то вроде 6 следующего? <script src="./node_modules/bootstrap/dist/bootstrap.min.js"></script> Или мне нужно будет добавить 5 правила в мой файл gulp, которые з ...

Центр начальной загрузки выровняйте раскрывающееся меню

... imary dropdown-toggle" type="button" data-toggle="dropdown">Choose a School <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Add your school</a> ...

Как добавить вертикальную полосу прокрутки в список опций выбора окна?

... олько несколько первых пунктов списка. Я 4 не могу контролировать количество элементов 3 в списке. Я проверил все похожие вопросы 2 здесь, и ничего не помогло. Как бы то ни 1 было? .wrapper{ width:200px; padding:20px; height: 150px; } <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <div class="wrapper" ><se ...

Нет img-responseive в Bootstrap 4

... айти в нем класс img-responsive. Он 4 существует в исходном коде Bootstrap 3, и 3 я могу найти его с помощью Notepad ...

Выпадающее меню начальной загрузки не работает (не раскрывается при нажатии)

... <li><a href="#contact">Contact</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dr ...

Как обработать модальное событие закрытия в Twitter Bootstrap?

... зке Twitter, посмотрите 10 документацию modals. Мне не удалось выяснить, есть 9 ли способ прослушать событие закрытия модального 8 окна и выполнить функцию. например давайте 7 возьмем этот модальный файл в качестве примера: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×&lt ...

Как я могу настроить количество столбцов в строке с помощью начальной загрузки

... внизу в сетке. Назовем 16 плитку картинкой с подписью. 1) Я хочу, чтобы 15 плитки были выровнены по вертикали и горизонтали, как 14 если бы мы использовали тег с выравниванием по верхнему и левому краям. Мои фотографии одинакового размера, но длина подписи может быть разной. 2) количество 13 столбцов зависит от размера экрана. На маленьком 12 экране у нас будет 2 столбца и 12 строк. На 11 среднем экране ...

Центрирование таблицы на странице при начальной загрузке

... : <div class="container-fluid"> <table id="total votes" class="table table-hover text-centered"> <thead> <tr> <th>Total votes</th> <th> = </th> <th>Voter A</th> <th> + </th> <th>Voter B</th> ...

Bootstrap 3 - используйте более 12 столбцов подряд

... минке. По умолчанию BS3 говорит, что 8 12 столбцов div не должны перемещаться, что 7 заставляет их выходить за пределы более 6 мелких плавающих div. Итак, я написал переопределение 5 как класс для своей системы и подумал, что 4 поделюсь, если у кого-то еще возникнет проблема. Если 3 у кого-то есть идея или предложе ...

Скрыть столбцы таблицы с помощью Bootstrap 4

... а экрана. У меня вопрос, как заставить 11 их работать с таблицей? Я хочу удалить столбцы, так 10 как размер экрана меньше. Я использовал "d-xs-none", и 9 это не имеет никакого эффекта. Однако, когда 8 я использую «d-sm-none», столбец удаляется, ес ...

Как открыть два модальных диалога в Twitter Bootstrap одновременно

... зки. Но когда 7 открыто второе диалоговое окно подтверждения, первое 6 диалоговое окно не отключается, и все события 5 работают. Есть ли какое-либо решение для 4 отключения исходного диалогового окна при 3 открытии другого диалогового окна? Вот мой 2 код: function OpenDialogForSelectionAdmItem(title, content, callback) { var dlg = new BootstrapDialog({ title: title, c ...

Что такое class = "mb-0" в Bootstrap 4?

... "mb-0">Lorem ipsum</ ...

Текст в нижнем колонтитуле Bootstrap выравнивается по центру

... <div class="container"> <p class="text-muted credit" style="color:#fff">xyz</p> </div> </div> Этот код отлично работает для 5 других страниц, ...

Что эквивалентно классу начальной загрузки контейнера в purecss.io?

... на моей странице, как 4 в классе контейнера начальной загрузки. Я 3 пробовал использов ...

Bootstrap 4 выравнивает элементы прямо внутри col div

... Bootstrap 4. У меня есть 6 строка с col-8 и col-4. Мое содержимое в 5 столбце 4 должно быть выровнено по правому 4 краю, чтобы его содержимое находилось на 3 правой границе. <h1 class="col-md-8">Applications portfolio</h1> <div class="btn-group col-md-4" role="group"> <p class="float-right"> <a class="btn btn- ...

Bootstrap: удалить границу поля формы

... о есть, а затем переключить отображение 5 границ в зависимости от того, находится 4 ли форма в режиме «редактирования» или нет. Пользователь 3 может войти в режим «редактирования», щелкнув 2 ссылку «изменить», или просто на ...

Анимировать / сжимать панель навигации при прокрутке с помощью Bootstrap

... </button> <a class="navbar-brand" href="#"><img class="animated bounceIn" src="img/logo-light.png" alt="I Web You – Perth Website Branding"></a> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> ...

Что означает! Default в значении свойства css?

... e !default; } Что делает 2 !default? ОБНОВЛЕНИЕ Плохо, что я не пояснил. Я использую часть 1 SASS в Boot ...

Модальное окно Bootstrap появляется под фоном

... al-dialog"> <div class="modal-content"> <div class="modal-body">Modal</div> </div> </div> </div> </div> </body> body { padding-top: 50px; } .my-module { position: fixed; top: 0; left: 0; } Есть идеи, почему 2 это так или что я могу сделать, чтобы это 1 испра ...

Сделайте гибкий дочерний элемент равным высоте родительского внутри столбца сетки

... ты растягивались до высоты их родительских 7 (.col) элементов. Примечание. Я использую 6 Bootstrap 4 и пытаюсь добиться этого с помощью 5 существующей системы сеток (для единообразия) и этой конкретной разметки. Я 4 не могу заставить карты вырасти до высоты 3 своих родительских контейнеров. Возможно 2 ли это даже с текущей разметкой? Основная 1 разметка следующая: ...

Использование link_to со встроенным HTML

... ></i> Do it@</a> Как лучше 2 всего это сделать в Rails? Я бы хотел использовать 1 <%= link_to 'Do it', user_path(@user) %>, но <i class="i ...

Вкладка переключения данных не загружает карту Leaflet

... nnées principales</a></li> <li><a data-toggle="tab" href="#carte">Carte</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active">Lorem ipsum</div> <div id="carte" class="tab-pane fade"> **//see script below\\** </div> < ...

Неизвестное имя свойства при использовании медиа-запросов с React & Bootstrap 4

... gt; <div className='container'> <h1 className='my-custom-color'>This is my app</h1> </div> </div> ); } export default App; .my-custom-color { color: red; text-align: right; @media (max-width: 767.98px) { color: blue; text-align: center; } } <!DOCTYPE html> <html lang="en"> <head> ...

Twitter bootstrap select только для чтения все еще может изменять параметры

... ще могу изменить выбранный параметр. Мне 6 нужно поведение disabled="true", но когда я использую его, выбор 5 не ...

Отключить функцию выпадения с помощью Bootstrap Select

... щийся список, если 4 он находится в нижней части экрана. В данном 3 случае я не хочу, чтобы он выпадал, но я 2 не могу найти, где это отключить. Выбо ...

Как скрыть модальное окно Bootstrap с помощью javascript?

... 'data-target' => "#myModal", class: "btn btn-primary"} %> В моем действии ContactsController.create у меня есть код, который 11 создает Contact, а затем передает его в create.js.erb. В create.js.erb у 10 меня есть код обработки ошибок (см ...

Bootstrap: добавление пробелов между div

... зрения семантики будет правильным 4 создать расстояние между каждым div, содержащим 3 целый элемент? ...

Bootstrap 3: как получить два ввода формы в одной строке и другие входы в отдельных строках?

... ="sr-only"></label> <input id="firstname" class="form-control input-group-lg reg_name" type="text" name="firstname" title="Enter first name" placeholder="First name"/> </div> <div class="form-group"> <label for="lastname&qu ...