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

Я использую Bootstrap 4 alpha 2 и использую карты. В частности, я работаю с этим примером, взятым из официальных документов. Как сделать все карточки одинаковой высоты? Все, что я могу сейчас думать, это установить следующее правило CSS: .card { min-height: 200px; } Но это просто жестко запрограммированное решение, которое в …

135 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» НЕ были выровнены прямо на экранах меньших, чем col-lg. Так эффективно, что класс pull-right только для …

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> Есть ли возможность изменить цвет кнопки переключения гамбургера?

126 css  twitter-bootstrap  bootstrap-4 

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

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

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 2 года назад . Уточните этот вопрос Я использую Bootstrap V4 для своего нового веб-сайта, так как он находится на …

114 twitter-bootstrap  bootstrap-4 

Кажется, я не могу получить выпадающие элементы, чтобы они не исчезли со страницы. Я попробовал пару вещей из 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" …

114 twitter-bootstrap  css  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 

Это тот эффект, которого я пытаюсь достичь с помощью карусели Bootstrap 3. Вместо того, чтобы просто показывать по одному кадру за раз, он отображает N кадров подряд. Затем, когда вы скользите (или когда он скользит автоматически), он сдвигает группу слайдов, как это происходит. Можно ли это сделать с помощью карусели …

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 class="icon-bar"></span> …

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

В последней версии pull-left и pull-right были заменены на .pull- {xs, sm, md, lg, xl} - {left, right, none} Это означает, что вместо того, чтобы писать простой class="pull-right", мне теперь придется написатьclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Есть ли менее утомительный способ сделать это?

105 bootstrap-4 

В Bootstrap 3, я мог применить col-sm-xxк thтегам в theadстолбцах таблицы и изменить размер по желанию. Однако это не работает в начальной загрузке 4. Как я могу добиться чего-то подобного в начальной загрузке 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> Глядя на …

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> Сама боковая панель имеет класс hidden-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> Но возникает следующая ошибка: Неперехваченный синтаксис Ошибка: неожиданный экспорт токена Есть идеи, как это исправить?

99 javascript  twitter-bootstrap  bootstrap-4  popper.js 

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

98 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4