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

Bootstrap 4 - это четвертая основная версия популярной библиотеки интерфейсных компонентов. Фреймворк Bootstrap помогает в создании адаптивных мобильных веб-сайтов и веб-приложений.



17
Как мне настроить кнопки Twitter Bootstrap для выравнивания по правому краю?
У меня есть простая демонстрация здесь: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> У меня есть неупорядоченный список, и для каждого элемента списка я хочу, чтобы текст располагался слева, а затем выровненная по правому краю кнопка. Я пытался использовать pull-right, но это полностью портит …

10
Начальная загрузка NavBar с левыми, центральными или правыми выровненными элементами
В начальной загрузке , какой самый удобный для платформы способ создать панель навигации с логотипом A слева, пунктами меню в центре и логотипом B справа? Вот то, что я пробовал до сих пор, и в итоге получается, что логотип A находится слева, пункты меню рядом с логотипом слева, а логотип …


30
Пять равных столбцов в твиттере
Я хочу иметь 5 одинаковых столбцов на странице, которую я строю, и я не могу понять, как используется сетка из 5 столбцов: http://web.archive.org/web/20120416024539/http://domain7 .com / мобильный / инструменты / начальная загрузка / отзывчивые Является ли сетка из пяти столбцов, показанная выше, частью платформы начальной загрузки Twitter?

21
Bootstrap 4 выравнивает элементы панели навигации вправо
Как выровнять элемент навигационной панели вправо? Я хочу иметь логин и зарегистрироваться справа. Но все, что я пытаюсь, похоже, не работает. Это то, что я пробовал до сих пор: <div>во всем <ul>с атрибутом:style="float: right" <div>во всем <ul>с атрибутом:style="text-align: right" попробовал эти две вещи на <li>тегах попробовал все эти вещи снова …

15
Вертикальный центр выравнивания в Bootstrap 4
Я пытаюсь центрировать мой Контейнер в середине страницы, используя Bootstrap 4. Я до сих пор не добился успеха. Любая помощь будет оценена. Я построил его на Codepen.io, чтобы вы, ребята, могли поиграть с ним и дать мне знать, что у меня получается из идей ... Показать фрагмент кода var currentAuthor …

9
Bootstrap 4 - Миграция глификонов?
У нас есть проект, который интенсивно использует глификоны. Bootstrap v4 полностью удаляет глифический шрифт. Есть ли эквивалент для иконок, поставляемых с Bootstrap V4? http://v4-alpha.getbootstrap.com/migration/

10
Отсутствует видимый - ** и скрытый - ** в Bootstrap v4
В Bootstrap v3 я часто использую скрытые классы - ** в сочетании с clearfix для управления многостолбцовой разметкой на разной ширине экрана. Например, Я мог бы объединить несколько скрытых - ** в одном DIV, чтобы мои мультиколонки правильно отображались на экранах различной ширины. В качестве примера, если бы я хотел …

6
Выравнивание по левому и по правому краю в div в Bootstrap
Каковы некоторые из распространенных способов выравнивания текста по левому краю и выравнивания по правому краю другого текста в контейнере div в начальной загрузке? например Total cost $42 Выше общей стоимости следует выровнять текст по левому краю, а $ 42 - по правому краю.

23
Как исправить ошибку; «Ошибка: для всплывающих подсказок начальной загрузки требуется Tether (http://github.hubspot.com/tether/)»
Я использую Bootstrap V4, и в консоли регистрируется следующая ошибка; Ошибка: всплывающие подсказки Bootstrap требуют Tether ( http://github.hubspot.com/tether/ ) Я попытался удалить ошибку, установив Tether, но это не сработало. Я «установил» Tether, включив следующие строки кода; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> Правильно ли я установил трос? Может кто-нибудь помочь мне …

11
Bootstrap 4 по центру вертикального и горизонтального выравнивания
У меня есть страница, где существует только форма, и я хочу, чтобы форма размещалась в центре экрана. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> …


4
Адаптивный веб-сайт увеличен до полной ширины на мобильном устройстве
Я тестирую панель навигации Bootstrap, и у меня есть демонстрационный веб-сайт. Когда я изменяю размер браузера на рабочем столе, все работает нормально, включая панель навигации, которая становится сворачиваемым меню с небольшим значком вверху, который я могу щелкнуть, чтобы увидеть больше кнопок меню. Но когда я попробовал это в мобильном браузере …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.