twitter-bootstrap
Настройка стиля загрузки Bootstrap

Angular 2 AngularJS ASP.NET asp.net-mvc CSS HTML JavaScript jQuery PHP Ruby on Rails

замечания

Следует отметить, что стоит упомянуть имя 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, который для меня менее утомительный.

Modified text is an extract of the original Stack Overflow Documentation

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow