Вопросы с тегом «twitter-bootstrap-4»

Я не сталкивался с этим раньше, и мне очень трудно найти решение. Если в начальной загрузке есть столбец, равный medium: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> Выравнивание текста работает отлично: Но при создании столбца, равного очень маленькому, вот так: <div class="container"> …

170 html  css  twitter-bootstrap  twitter-bootstrap-4  text-alignment 

В последнем документе есть: <p class="mb-0">Lorem ipsum</p> Выполнить фрагмент кодаHide resultsРазвернуть фрагмент В: Что такое мб-0?

140 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

В bootstrap-3 есть .wellкласс, который добавляет закругленную границу вокруг элемента с серым цветом фона и некоторым отступом. <div class="well">Basic Well</div> Но я не нашел никакого .wellкласса в bootstrap-4. Есть ли какой-нибудь тег, эквивалентный .wellв bootstrap-4?

130 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-4 

Я использую Bootstrap 4. Я попытался убрать стрелку в раскрывающемся списке. Эти ответы , которые я нашел для Bootstrap 3 не работают. Jsfiddle здесь . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> …

119 css  twitter-bootstrap  twitter-bootstrap-4 

Я создал эту складную панель навигации с помощью Bootstrap 4, которая прекрасно работает, но я бы хотел, чтобы она закрывалась, когда пользователь нажимает ссылку. Как это сделать? Спасибо html панель навигации: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> …

110 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Возникла проблема с новыми скрытыми / видимыми классами адаптивных утилит при переходе на Bootstrap 4 . Мне известно, что классы .hidden- были удалены из версии 3 и заменены на .hidden-*-up .hidden-*-down. Использование новых .hidden-*-up.hidden-*-downклассов, но элементы не меняются на видимые / скрытые. Не могу понять почему. <div class="col hidden-xs-down"> <span …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

Есть ли в bootstrap 4 встроенный горизонтальный разделитель? Я могу это сделать, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Но я хочу использовать встроенный бутстрап css, я нигде не могу найти его в документации, возможно, мне его не хватает.

94 html  css  bootstrap-4  twitter-bootstrap-4