bootstrap-4- все статьи тега ➜ страница 0
Bootstrap 4 модальная ширина (увеличение)
Я хочу, чтобы модал был 80% или около того ширины экрана. modal-lg недостаточно велик. Это: .modal .modal-dialog { width: 80%; } Не работает с Bootstrap 4. ...
как изменить высоту строки в FullCalendar?
Это мой контроллер $calendar = Calendar::addEvents($events) ->setOptions([ //set fullcalendar options 'firstDay' => 1, 'height' => '200px', 'themeSystem' => 'bootstrap3', 'columnHeader' => false, 'aspectRatio' => 1 ]); Я изменяю высоту контейнера, но размер ячейки остается с полосой прокрутки Я хочу изменить свой календарь вот так ...
Bootstrap 4 таблица отзывчивая, горизонтальная и вертикальная прокрутка
Я использую bootstrap таблицы с Angular 6 в проекте, и мне удалось создать вертикальную таблицу прокрутки-тело с этим кодом: <table class="table table-striped table-bordered" style="margin-bottom: 0"> <thead> <!-- Column names --> <tr> <th scope="col">#</th> <th scope="col">Col 1</th> <th scope="col">Col 2</th> <th scope="col">Col 3</th> ... <th s ...
Подчеркивание активных ссылок navbar в bootstrap 4
Я обновляю веб-сайт с bootstrap 3 до 4 (бета-версия). В CSS я использовал, чтобы подчеркнуть активный навигации ссылки уже не работают. Вместо подчеркивания элемента он подчеркивает всю ширину страницы. Как я могу подчеркнуть активные элементы навигации в bootstrap 4? Bootstrap 3 css .navbar-default .navbar-nav > .active:after { position: absolute; bottom: 0; left: 0; width: 100%; content: " "; border-bottom: 5px solid #5BC0EB; } Попытка Bootstrap 4 css .navb ...
bootstrap 4 таблица размеров столбцов
В bootstrap 3 я мог бы применить col-sm-xx к тегам th в thead и изменять размер столбцов таблицы по желанию. Однако это не работает в bootstrap 4. Как я могу достичь чего-то подобного в bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Глядя на код, при условии, что он не имеет правильного размера, особенно если вы добавляете некоторые данные в ...
Изменение цвета navbar в Twitter Bootstrap
Как бы я мог изменить CSS, чтобы изменить цвет навигационной панели в Twitter Bootstrap? ...
В чем разница между col-lg-*, col-md-* и col-sm-* в Bootstrap?
в чем разница между col-lg-*,col-md-* и col-sm-* в Twitter Bootstrap? ...
как сделать целую строку в таблице кликабельной в качестве ссылки?
Я использую Bootstrap и следующее не работает: <tbody> <a href="#"> <tr> <td>Blah Blah</td> <td>1234567</td> <td>£158,000</td> </tr> </a> </tbody> ...
Прихлоп 4 - миграция технологии glyphicons?
У нас есть проект, который использует интенсивные технологии glyphicons. Bootstrap v4 полностью удаляет шрифт glyphicon. есть ли эквивалент для значков, поставляемых с Bootstrap V4? http://v4-alpha.getbootstrap.com/migration/ ...
Выравнивание по левому краю и выравнивание по правому краю в div в Bootstrap
Каковы некоторые из распространенных способов выравнивания левого текста и правого выравнивания другого текста в контейнере div в bootstrap? например Total cost выше общей стоимости должен быть выровнен по левому краю текст и $42 выровнен по правому краю текст ...
Как исправить ошибку; ' 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 4 выровнять элементы навигационной панели справа
Как выровнять элемент navbar вправо? я хочу иметь логин и зарегистрировать права. Но все, что я пытаюсь, кажется, не работает. это то, что я пробовал до сих пор: <div> вокруг <ul> С атрибутом: style="float: right" <div> вокруг <ul> С атрибутом: style="text-align: right" попробовал эти две вещи на <li> теги попробовал все эти вещи снова с !important добавить в конец изменить nav-item до nav-right на <li> добавил pull-sm-right класс <li> добав ...
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 ...
Как удалить пространство желоба для конкретного div только-bootstrap
система сетки Bootstrap по умолчанию использует 12 столбцов с каждой пядью имея сточную канаву 30px как ниже. желоба-это пустое пространство между колонками. ширина желоба, кажется, между 20px-30px. Предположим, что это 30px здесь. Я хочу удалить пространство желоба для конкретного div, так что не будет никакого пространства желоба в строке. Каждый пролет будет рядом друг с другом без желоба. проблема в том, что если я удалю маржа 30px (желоб) он оставляет 360px (12*30) в конце строки. учит ...