Запитання з тегом «twitter-bootstrap-4»

Я раніше не стикався з цим, і мені дуже важко намагатися знайти рішення. Коли у завантажувальному рядку є стовпець, рівний середньому: <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"> …

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

Остання довідка про має: <p class="mb-0">Lorem ipsum</p> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент З: Що таке mb-0?

138 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> …

118 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 …

108 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

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

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> Але я хочу використовувати вбудований bootstrap css, я не можу знайти його ніде в документації, можливо, я його пропускаю.

94 html  css  bootstrap-4  twitter-bootstrap-4 

Bootstrap 4 використовує flex-box для модальних колонтитулів. Якщо я хочу дві кнопки, одну зліва та одну праворуч, як я можу змусити її працювати належним чином? Наведений нижче код намагається використовувати div.rowз , col-sm-6але не працює. <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> <!-- Button trigger modal --> <button …

79 twitter-bootstrap  bootstrap-4  twitter-bootstrap-4