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

6
`col-xs- *` не працює в 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"> …


8
Що таке ".well" еквівалентний клас у Bootstrap 4
У bootstrap-3 є .wellклас, який додає закруглену рамку навколо елемента із сірим кольором тла та деякими накладками. <div class="well">Basic Well</div> Але я не знайшов жодного .wellкласу в bootstrap-4. Чи є якийсь тег, еквівалентний .wellв bootstrap-4?

12
Як видалити стрілку в спадному меню в 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> …

9
Як приховати складну навігаційну панель 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 …

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

10
Чи має 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, я не можу знайти його ніде в документації, можливо, я його пропускаю.

9
Вирівнювання лівого та правого кнопок модального колонтитула в 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 …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.