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

Я використовую Bootstrap 4 alpha 2 і використовую переваги на картах. Зокрема, я працюю з цим прикладом, взятим з офіційних документів. Як зробити так, щоб усі картки були однакової висоти? Дотепер я можу подумати - це встановити таке правило CSS: .card { min-height: 200px; } Але це лише важко закодоване …

134 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

У 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 

Нове для завантажувального пристрою 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" НЕ вирівнювались прямо на екранах менших розмірів, ніж колаж. Тож ефективно мати клас тяг-право лише для …

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

У мене є веб-сайт для завантаження, де додається перемикач омбре, коли розмір екрана менше 992 пікселів. Код такий: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Чи є можливість змінити колір кнопки тумблера омбре?

124 css  twitter-bootstrap  bootstrap-4 

Я розробляю сторінку реєстрації, розміщуючи текст як назву на навігаційній панелі. Я хочу надати цим текстам різні кольори. Для цього я використовую окремий файл CSS, але я хочу це зробити за допомогою CSS-файлу bootstrap. Чи може хтось перелічити наявні кольорові класи в завантажувальному?

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 2 роки тому . Удосконаліть це питання Я використовую Bootstrap V4 для свого нового веб-сайту, бачачи, що він знаходиться в Alpha. Однак …

114 twitter-bootstrap  bootstrap-4 

Я хочу оновити Bootstrap в ASP.NET Core з NuGet. Я використав це: Install-Package bootstrap -Version 4.0.0 Це додало залежності, але як я зараз додаю його до свого проекту? Який шлях до локальних залежностей NuGet?

112 .net  asp.net-core  nuget  bootstrap-4  asp.net-core-2.0 

Я, здається, не можу отримати елементи, що випадають, щоб не вийти зі сторінки. Я спробував пару речей з BS3, але вони, схоже, не спрацювали. Я не впевнений, що це через ml-auto. (ігноруйте твердження if-else) Ось CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" …

112 twitter-bootstrap  css  bootstrap-4 

Такого ефекту я намагаюся досягти за допомогою каруселі Bootstrap 3 Замість того, щоб показувати один кадр одночасно, він відображає N кадру, котрі просуваються поруч. Потім, коли ви слайд (або коли він автоматично ковзає), він зміщує групу слайдів, як це робиться. Це можна зробити за допомогою каруселі bootstrap 3? Я сподіваюся, …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  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 

У найновішій версії потяг ліворуч і тягнуть праворуч замінено на .pull- {xs, sm, md, lg, xl} - {ліворуч, праворуч, немає} Це означає, що замість того, щоб писати просте class="pull-right", мені доведеться зараз писатиclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Чи є менш стомлюючий спосіб це зробити?

104 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> Дивлячись на codeply …

104 css  twitter-bootstrap  html-table  bootstrap-4 

Я щойно відвідав цю сторінку http://www.elmastudio.de/ і поцікавився, чи можна створити згортання лівої бічної панелі за допомогою Bootstrap 3. Код, щоб згорнути бічну панель зверху (лише телефон): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Сама бічна панель має клас прихованих xs. Він видаляється за допомогою …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

Я спробував встановити bootstrap 4 і включив наступні посилання <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Але виникає така помилка: Невизначена синтаксис Помилка: Несподіваний експорт маркера Будь-які ідеї, як це виправити?

98 javascript  twitter-bootstrap  bootstrap-4  popper.js 

Я хотів би, щоб мій вміст був текучим, але при використанні .container-fluidз сіткою Bootstrap я все ще бачу відступ. Як я можу позбутися прокладки? Я бачу, що я не отримую заповнення за допомогою .row, але я хочу додати стовпці, і як тільки я це отримаю, заповнення повертається: O. Я хочу …

97 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4