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

Как обновить существующую модальную цель данных Bootstrap?

... ata, но даже после изменения атрибута 1 данных он все еще связан с #testModal1 //Jquery: $('#testButton').data('target', '#testModal2') <!-- HTML: --> <button id='testButton' data-toggle="modal" data-target="#testModal1"> Test </button> <div class="modal fade" id="testModal1" tabindex="-1" role="dialog" aria ...

Bootstrap3 .visible- * .hidden- * отображать встроенный

... илиту класса 12 .visible-* (например, .visible-lg) для выбора того, что показывать 11 или скрывать в зависимости от размера экрана. При 10 использовании этих классов применяется стиль 9 display: block !important; при правильном размере экрана. Но иногда 8 мне хотелось бы использовать его для нек ...

Bootstrap pull-right не работает должным образом

... ext-center"> </div> <div class="col-xs-4"> <input type="text" class="form-control text-center"> </div> < ...

Удалите верхнее поле заголовка в начальной загрузке

... t;/font></h1> </div> </div> </div> Код CSS: .header_site { background-color: darkblue; } font { color: white; ...

Как правильно проверить модальную форму

... ;A p Name:</label> <div class="col-md-9"> <input type="text" class="form-control required error" id="pName" name="pName" placeholder="Enter a p name" /> </div> </div> <div class="form-group"> ...

Обновить Bootstrap-таблицу

... button> <ul class="table-modal dropdown-menu"> <li><a data-remote="Cargo/page/visualizar/<?= $v->id ?>" role="button" data-toggle="modal" data-target="#select-modal">Visualizar</a></li> <li><a data-remote="Cargo/page/alterar/<?= $v->id ?>" data-toggle="modal" data-target="#editarIdade">Editar</a>& ...

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

... expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon ...

Twitter Bootstrap: нижняя граница, встроенная в класс css

... жи для 2 использования? Я пробовал использовать bottom5 как <div class="col-lg-2 bottom5">&l ...

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

... Jobs in comparison to advertising in the newspaper and would recommend MyJobs to other companies to assist with their recruitment needs"</p> </div> <div class="col-xs-3 center-image hidden-xs"><img src="myimage.png"/></div> </div&g ...

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

... luenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> <span class="sr-only">0% Complete</span> </div> Я пробовал изменить aria-valuemax и попытался установить 3 data-max, но ни один из них ничего не меняет. Как 2 я могу изменить максимальное значение ...

Как изменить цвет фона джумбротрона?

... - change this if the navbarn height changes */ } .full { /*background: url(http://placehold.it/1920x1080) no-repeat center center fixed;*/ background: url("../images/laser_keyboard.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: c ...

Система сеток Bootstrap Fluid с разной высотой

... на следующем изображении 2 . Как я могу реализовать то же самое? Пожалуйста, помогите 1 м ...

css "background-image" показывает нежелательную границу, img "src" - нет

... .png); } Изображение 7 отображается с узкой рамкой: Хотя я не могу 6 найти ничего отдаленно связанного с этим 5 эффектом. Углы открыты благодаря классу 4 img-rounded. Визуализация изображения с помощью: <img class="img-rounded" id="logo" src="~/Content/Images/SO.png" /> Выполняется 3 рендерингом, как ожидалось: Как избавиться 2 от границы? Код CSS, который я пробовал 1 безуспешно: bord ...

Событие jquery bootstrap 3 для изменения активной вкладки

... все выдаваемые Google предложения 2 были неправильными / не работали. Как это 1 сделать? Мета-редактирование: см. комментарий ...

Чередование цветов строк в Bootstrap 3 - без таблицы

... "col-md-4 col-sm-6 col-xs-12">Emp-02</div> <div class="col-md-4 col-sm-6 col-xs-12">Emp-03</div> <div class="col-md-4 col-sm-6 col-xs-12">Emp-04</div> <div class="col-md-4 col-sm-6 col-xs-12">Emp-05</div> <div class="col-md-4 col-sm-6 col-xs-12">Emp-06</div> <div class="col-md-4 col-sm-6 col-xs-12">Emp-07</div> ...

Создайте круглую кнопку в BS3

... е. Пока у меня есть 3 следующий код: HTML: <a href="#" class="btn btn-default"><i class="fa fa-user"></i>&lt ...

Как я могу сделать красивую матрицу кнопок с помощью Bootstrap 3?

... <button type="button" class="btn btn-default">Button 7</button> <button type="button" class="btn btn-default">Button 8</button> <button type="button" class="btn btn-default">Button 9</button> </div> </div& ...

4 столбца на рабочем столе, 2 на планшете и 1 на мобильном устройстве с использованием начальной загрузки

... интересно и полезно использовать Bootstrap, в 6 настоящее время я столкнулся с проблемой 5 при создании след ...

Как мне менять фоновое изображение каждые X секунд?

... ght: 100%; width: 100%; margin: 0; padding: 0; color: black; text-align: center; } По 5 сути, я хочу каждые X секунд менять url, на 4 который div указывает фоновое изображение, но 3 я не уверен, как это сделать. Моя разметка 2 сейчас выглядит так: <div class="image-head"> <div class="centering-hack"> ...

Справа налево столбцы с использованием Bootstrap

... вое изображение находится в правом верхнем 9 углу, второе - слева от первого. каждое 8 изображение использует col-md-2, поэтому 7 после 6 изображений седьмое должно быть 6 под первым. Прямо сейчас при генерации столбцов 5 первый находится в верхнем левом углу .. по 4 умолчанию. Есть ли способ изменить это? Пробовал 3 использовать col-md-offset-X, и он влияет 2 только на первую строку изображений (пот ...

Как определить, какая версия Bootstrap используется из JavaScript?

... SS и JavaScript из Bootstrap 3. Ничто не 6 модулируется под общим псевдонимом. Для 5 JavaScript он внедряется в прототип jQuery 4 ... Как ...

Модальное динамическое содержимое Bootstrap

... этого модального 6 окна можно изменить в любой момент, поэтому 5 мне нужен другой метод. Есть идеи? TL; DR 4 - я ищу метод, который будет загружать динамический 3 контент (удаленный) каждый раз, когда модальное 2 окно открывается, а не один раз (модальное 1 окно Bootstrap ...

Обработка модального события скрытия Bootstrap в Vue JS

... могу 2 понять, как записать это событие во Vue: $('#myModal').on('hidden.bs.modal', function () { // do something… }) Добавление 1 чего-то вроде v-on:hide.bs.modal="alert('hide'), п ...

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

... ьной загрузки без изменения 5 размера кнопки. У меня есть пара кнопок, которые 4 необходимо выровнять Я использовал этот класс, текст 3 переносится, но размер кнопки увеличивается, что ...

Классы Bootstrap Spacing не работают

... пользовать эти 3 классы начальной загрузки? И я использую 2 эти файлы CSS Bootstrap. Я использую неправильную 1 версию? <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="ano ...

В чем разница между использованием NAV и DIV вокруг навигационных панелей Bootstrap 3?

... спользуют <nav class="navbar navbar-default" role="navigation">...</nav> Все примеры 6 работают нормально, а в документации требуется 5 NAV. Это заставляет меня задаться вопросом, являются 4 ли многие примеры в Интернете остатками 3 версии 2, которые н ...

Как сделать так, чтобы ширина элемента <li> соответствовала длине текста?

... текста в Bootstrap 3? Мой пункт меню 2 короче текста, поэтому мой class="active" выглядит некрасиво. Это 1 панель навигации, в которой это происходит: &lt;div id="menu" class="col-md-1"&gt; ...

React не распознает свойство computedMatch в элементе DOM.

... ; }(React.Component); Breadcrumb.Item = BreadcrumbItem; export default bsClass('breadcrumb', Breadcrumb); мой код tsx: &lt;Router&gt; &lt;Switch&gt; &lt;Breadcrumb computedMatch={undefined}&gt; &lt;Breadcrumb.Item componentClass="spa ...

Центрировать <td> с помощью начальной загрузки

... &lt;/div&gt; &lt;/td&gt; &lt;br&gt; &lt;td style=&quot;height: 30px; text-align: left; font-size: 10pt;&quot;&gt;&lt;img src=&quot;/images/bandeiras/{{partida.time2.imgNumber}}.png&quot; title=&quot;{{partida.time2.nome}}&quot; style=&quot;vertical-align: middle;&quot;&gt; {{partida.time2.nome}}&lt;/td&gt;&lt;/tr&gt; ...

bootstrap 3 многоколоночная адаптивная карусель

... &lt;/div&gt; &lt;div class=&quot;col-sm-3 col-xs-6&quot;&gt; &lt;img src=&quot;http://placehold.it/260x180&quot; alt=&quot;&quot;/&gt; &lt;div class=&quot;carousel-caption&quot;&gt;This is a caption&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Slide --&gt; &lt;div cla ...

Как мне заставить мои кнопки Twitter Bootstrap выровняться по правому краю?

... я использовать вытягивание 2 вправо, но это полностью нарушило выравнивание. Что 1 я делаю не так? &lt;link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" /&gt; &lt;ul&gt; &lt;li&gt;One &lt;input class="btn pull-right" value="test"&gt;&lt;/li&gt; &lt;li&gt;Two &lt;input class="btn pul ...

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

... firm, bootbox.alert или bootbox.prompt, при нажатии 7 клавиши escape или щелчке вне диалогового окна 6 диалоговое окно закрывается, как ожидалось но 5 при использовании bootbox.dialog, когда я щелкаю за пределами 4 диалогового окна или нажимаю клавишу escape, диалоговое 3 окно не закрывает ...

Как переместить метку слева от флажка в Bootstrap 3?

... использую &lt;div class="col-xs-4 col-sm-3 col-md-2 col-md-offset-2 everything-checkbox"&gt; &lt;div class="checkbox"&gt; &lt;label&gt; &lt;input type="checkbox" class="checkbox style-2 " checked="checked"&gt; &lt;span&gt;Tex ...

Javascript не работает после запуска Updatepanel в asp.net

... $(this).find('.dropdown-menu').first().stop(true, true).fadeIn(300); $(this).find('.dropdown-menu').first().stop(true, true).animate({ top: "45px" }, 300); }); $('.productbar .dropdown').on('hide.bs.dropdown', function (e) { $(this).find('.dropdown-menu').first().stop(true, true).fadeOut(300); $(this).find ...

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

... led&gt; &lt;/div&gt; &lt;/div&gt; Для документа, готового 7 из файла js, я делаю $("#cb_project_status").bootstrapSwitch(); и прикреплены на странице 6 php &lt;link rel="stylesheet" href="css/bootstrap-switch.min.css"&gt; Мне нужно достичь следующих функциональных 5 возможностей: если пользователь не введет 4 все обязательные поля, кнопка переключения 3 должна быть отключена. if($.fn.validateFormInputs() ...

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

... уктуру: &lt;div class=&quot;container-fluid&quot;&gt; &lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;col-xs-2&quot;&gt;...&lt;/div&gt; &lt;div class=&quot;col-xs-6&quot;&gt;Main Title&lt;/div&gt; &lt;div class=&quot;col-xs-4&quot;&gt;...&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; Вот полная скрипка: https://jsfiddle.net/f8fn9Los/4 ...

Центрировать текст и контейнер внутри круга

... ot;&gt; &lt;p class=&quot;circle&quot;&gt;Some More Text here&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; .block{ border: 1px solid red; text-align: center; vertical-align: middle; } .circle{ background: red; border-radius: 200px; color: white; height: 200px; font-w ...

bootstrap 4 адаптивные утилиты видимые / скрытые xs sm lg не работают

... idden-*-down, но элементы 2 не меняются на видимые / скрытые. Не могу 1 понять почему. &lt;div class=&quot;col hidden-xs-down&quot;&gt; &lt;span class=&quot;vcard&quot;&gt; … &lt;/span&gt; &lt;/div&gt; &lt;div class=&quot;col hidden-lg-down&quot;&gt; &lt;div class=&quot;hidden-sm-down&quot;&gt; … &lt;/div&gt; &lt;div class=&quot;hidden-xs-down&quot; ...

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

... ton&gt; &lt;a class="navbar-brand" href="#"&gt;&lt;/a&gt; &lt;/div&gt; &lt;div id="navbar" class="navbar-collapse collapse"&gt; &lt;ul class="nav navbar-nav navbar-right text-uppercase"&gt; &lt;li&gt;&lt;a id="Home" href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;!-- Visa drapdown--&gt; &lt;li class="dropdown"&gt; ...

bootstrap 3 показывает метку во встроенном поле выбора

... е 3 следующим образом: &lt;div class=&quot;col-lg-2&quot;&gt; &lt;label&gt;Filter&lt;/label&gt; &lt;select class=&quot;form-control&quot; name=&quot;sort&quot;&gt; &lt;option value=&quot;1&quot;&gt;1&lt;/option&gt; &lt;option value=&quot;12&quot;&gt;12&lt;/option&gt; &lt;option value=&quot;13&quot;&gt;13&lt;/option&gt; &lt;option va ...

bootstrap "всплывающая подсказка" и "всплывающее окно" добавляют дополнительный размер в таблицу

... &lt;/style&gt; &lt;script&gt; function emptyRow() { str = '&lt;tr&gt;' for (j = 0; j &lt; 100; j++) { str += '&lt;td rel="tooltip" data-original-title="text"&gt;&lt;/td&gt;' } str += '&lt;/tr&gt;' return str } $(document).ready(function () { ...

Как установить Textarea на 100% высоту в Bootstrap 3?

... Bootstrap 3, но не могу найти там вариант. &lt;div class=&quot;container&quot;&gt; &l ...

Группа входов - два входа близко друг к другу

... ss="input-group"&gt; &lt;input type="text" class="form-control" placeholder="MinVal"&gt; &lt;input type="text" class="for ...

Горизонтальная прокрутка Bootstrap

... зую следующий HTML-код: &lt;div id="list"&gt; &lt;div class="row"&gt; &lt;div class="col-md-3"&gt;1&lt;/div&gt; &lt;div class="col-md-3"&gt;2&lt;/div&gt; &lt;div class="col-md-3"&gt;3&lt;/div&gt; ...

Bootstrap modal: фон перескакивает вверх при переключении

... ляется модальное 4 окно, страница переходит наверх. Я сделал 3 все, что мог, чтобы найти решение и т. д., но 2 я действительно заблудился. РЕДАКТИРОВАТЬ: Я также ...

Bootstrap получает div для выравнивания по центру

... /p&gt; &lt;/div&gt; &lt;div class="Button" align="center"&gt; &lt;a href="#" class="btn btn-warning" onclick="changeLook()"&gt;Re&lt;/a&gt; &lt;a href="#" class="btn btn-warning" onclick="changeBack()"&gt;Rs&lt;/a&gt; &lt;/div&gt; &lt;div class="navbar-text pull-right"&gt; &lt;a href="#"&gt;&lt;i class="fa fa-facebook-square f ...

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

... лучить ярлык с рамкой и значком закрытия? Пример 1 т ...

Вкладки начальной загрузки: кнопки "Далее" и "Назад" для форм

... gt; &lt;div class="tab-pane active" id="tab1"&gt; &lt;a class="btn btn-primary" id="btnNext"&gt;Next&lt;/a&gt; &lt;/div&gt; &lt;div class="tab-pane" id="tab2"&gt; &lt;a class="btn btn-primary" id="btnNext"&gt;Next&lt;/a&gt; &lt;a class="btn btn-primary" id="btnPrevious"&gt;Previous&lt;/a&gt; &lt;/div&gt; &lt;div class="tab-pane" id="tab2"&gt; &lt;a class="btn btn-primary" id="bt ...

Не допускайте переноса текста в адаптивном дизайне Bootstrap 3

... оказано ниже: &lt;i class="fa fa-toggle-right lg"&gt;&lt;/i&gt; &lt;span style="font-size:18px;"&gt;Next Когда это отображается на 7 маленьком экране, например iPhone, значок 6 перемещается по тексту, и я бы хотел, чтобы 5 он оставался рядом с ним. Причина в том, что 4 другая кнопка затем совпадает со значком 3 под ней, что плохо выглядит пользовательским 2 ...

Как изменить значок разделителя по умолчанию в Bootstrap 3 Breadcrumbs?

... ю 2 ("/") с помощью специального значка в хлебных ...