Популярные вопросы по тегу 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>< ...
Как я могу сделать красивую матрицу кнопок с помощью 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 панель навигации, в которой это происходит: <div id="menu" class="col-md-1"> ...
React не распознает свойство computedMatch в элементе DOM.
... ; }(React.Component); Breadcrumb.Item = BreadcrumbItem; export default bsClass('breadcrumb', Breadcrumb); мой код tsx: <Router> <Switch> <Breadcrumb computedMatch={undefined}> <Breadcrumb.Item componentClass="spa ...
Центрировать <td> с помощью начальной загрузки
... </div> </td> <br> <td style="height: 30px; text-align: left; font-size: 10pt;"><img src="/images/bandeiras/{{partida.time2.imgNumber}}.png" title="{{partida.time2.nome}}" style="vertical-align: middle;"> {{partida.time2.nome}}</td></tr> ...
bootstrap 3 многоколоночная адаптивная карусель
... </div> <div class="col-sm-3 col-xs-6"> <img src="http://placehold.it/260x180" alt=""/> <div class="carousel-caption">This is a caption</div> </div> </div> </div> <!-- Slide --> <div cla ...
Как мне заставить мои кнопки Twitter Bootstrap выровняться по правому краю?
... я использовать вытягивание 2 вправо, но это полностью нарушило выравнивание. Что 1 я делаю не так? <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" /> <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pul ...
Как закрыть загрузочный ящик при использовании настраиваемого диалогового окна
... firm, bootbox.alert или bootbox.prompt, при нажатии 7 клавиши escape или щелчке вне диалогового окна 6 диалоговое окно закрывается, как ожидалось но 5 при использовании bootbox.dialog, когда я щелкаю за пределами 4 диалогового окна или нажимаю клавишу escape, диалоговое 3 окно не закрывает ...
Как переместить метку слева от флажка в Bootstrap 3?
... использую <div class="col-xs-4 col-sm-3 col-md-2 col-md-offset-2 everything-checkbox"> <div class="checkbox"> <label> <input type="checkbox" class="checkbox style-2 " checked="checked"> <span>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> </div> </div> Для документа, готового 7 из файла js, я делаю $("#cb_project_status").bootstrapSwitch(); и прикреплены на странице 6 php <link rel="stylesheet" href="css/bootstrap-switch.min.css"> Мне нужно достичь следующих функциональных 5 возможностей: если пользователь не введет 4 все обязательные поля, кнопка переключения 3 должна быть отключена. if($.fn.validateFormInputs() ...
Центрирование текста в строке с сеткой начальной загрузки
... уктуру: <div class="container-fluid"> <div class="row"> <div class="col-xs-2">...</div> <div class="col-xs-6">Main Title</div> <div class="col-xs-4">...</div> </div> </div> Вот полная скрипка: https://jsfiddle.net/f8fn9Los/4 ...
Центрировать текст и контейнер внутри круга
... ot;> <p class="circle">Some More Text here</p> </div> </div> </div> .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 понять почему. <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div class="col hidden-lg-down"> <div class="hidden-sm-down"> … </div> <div class="hidden-xs-down" ...
Как выровнять раскрывающееся меню начальной загрузки 3 по левому краю?
... ton> <a class="navbar-brand" href="#"></a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right text-uppercase"> <li><a id="Home" href="index.html">Home</a></li> <!-- Visa drapdown--> <li class="dropdown"> ...
bootstrap 3 показывает метку во встроенном поле выбора
... е 3 следующим образом: <div class="col-lg-2"> <label>Filter</label> <select class="form-control" name="sort"> <option value="1">1</option> <option value="12">12</option> <option value="13">13</option> <option va ...
bootstrap "всплывающая подсказка" и "всплывающее окно" добавляют дополнительный размер в таблицу
... </style> <script> function emptyRow() { str = '<tr>' for (j = 0; j < 100; j++) { str += '<td rel="tooltip" data-original-title="text"></td>' } str += '</tr>' return str } $(document).ready(function () { ...
Как установить Textarea на 100% высоту в Bootstrap 3?
... Bootstrap 3, но не могу найти там вариант. <div class="container"> &l ...
Группа входов - два входа близко друг к другу
... ss="input-group"> <input type="text" class="form-control" placeholder="MinVal"> <input type="text" class="for ...
Горизонтальная прокрутка Bootstrap
... зую следующий HTML-код: <div id="list"> <div class="row"> <div class="col-md-3">1</div> <div class="col-md-3">2</div> <div class="col-md-3">3</div> ...
Bootstrap modal: фон перескакивает вверх при переключении
... ляется модальное 4 окно, страница переходит наверх. Я сделал 3 все, что мог, чтобы найти решение и т. д., но 2 я действительно заблудился. РЕДАКТИРОВАТЬ: Я также ...
Bootstrap получает div для выравнивания по центру
... /p> </div> <div class="Button" align="center"> <a href="#" class="btn btn-warning" onclick="changeLook()">Re</a> <a href="#" class="btn btn-warning" onclick="changeBack()">Rs</a> </div> <div class="navbar-text pull-right"> <a href="#"><i class="fa fa-facebook-square f ...
Как создать ярлык со значком закрытия в Bootstrap?
... лучить ярлык с рамкой и значком закрытия? Пример 1 т ...
Вкладки начальной загрузки: кнопки "Далее" и "Назад" для форм
... gt; <div class="tab-pane active" id="tab1"> <a class="btn btn-primary" id="btnNext">Next</a> </div> <div class="tab-pane" id="tab2"> <a class="btn btn-primary" id="btnNext">Next</a> <a class="btn btn-primary" id="btnPrevious">Previous</a> </div> <div class="tab-pane" id="tab2"> <a class="btn btn-primary" id="bt ...
Не допускайте переноса текста в адаптивном дизайне Bootstrap 3
... оказано ниже: <i class="fa fa-toggle-right lg"></i> <span style="font-size:18px;">Next Когда это отображается на 7 маленьком экране, например iPhone, значок 6 перемещается по тексту, и я бы хотел, чтобы 5 он оставался рядом с ним. Причина в том, что 4 другая кнопка затем совпадает со значком 3 под ней, что плохо выглядит пользовательским 2 ...
Как изменить значок разделителя по умолчанию в Bootstrap 3 Breadcrumbs?
... ю 2 ("/") с помощью специального значка в хлебных ...