Популярные вопросы по тегу 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">&times;< ...
Как я могу настроить количество столбцов в строке с помощью начальной загрузки
... внизу в сетке. Назовем 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 &#8211; 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 ...