twitter-bootstrap
Настройка стиля загрузки Bootstrap
Поиск…
замечания
Следует отметить, что стоит упомянуть имя custom.css после основного bootstrap.css, иначе значения custom.css не будут реализованы.
Переопределение CSS по умолчанию
Все любят twitter bootstrap , но некоторым из нас не нравится дизайн по умолчанию. Итак, вот простой справочник о том, как начать настройку дизайна boostrap. Twitter boostrap при клонировании предоставляет набор файлов css по умолчанию, которые мы можем переопределить.
Файл электронной почты css, который нужно переопределить, - это boostrap.min.css
под boostrap/dist/css
.
Чтобы переопределить проект по умолчанию, выполните следующие два простых шага.
Создайте
custom.css
(или вы можете назвать его как хотите) и свяжите его с вашимindex.html
<html> <head> <title>Customize Bootstrap</title> <link rel="stylesheet" type="text/css" href="path/to/bootstrap.min.css"> <!-- This mus be declared after the bootstrap.min.css --> <link rel="stylesheet" type="text/css" href="path/to/your/custom.css"> </head> <body> <!-- Do something --> </body> </html>
Начните настройку. Например, мы хотим изменить цвет кнопки по умолчанию. Если вы хотите использовать стиль кнопки загрузки по умолчанию, вам нужно добавить класс
btn
в<button class="btn">Sample</button>
. Просто напишите следующий код на вашемcustom.css
..btn{ background-color:red; }
Вышеприведенный код даст что-то подобное.
По умолчанию :
Пользовательский:
Этот метод избавит нас от перезаписи всех стилей кнопок, которые уже были написаны вкладчиками-разработчиками. Это также спасло нас от написания нашего собственного класса css, который для меня менее утомительный.