The Vincenzo
Green Team
Bootstrap, это как конструктор сайтов, содержащие классы css'a. Он делает очень красивые стили, между обычной CSS и Бутстрапа есть большие разницы.
А у вас возникает вопрос: Как он это делает. С помощью чего?
Для Бутстрапа, существует специальный файл, с классами.
И когда вы подключаете этот файл, ваша стили меняются.
Данный файл который содержит css классами, выглядит вот таким:
Да, выглядит испугающе.
В общем: Bootstrap это конструктор, содержащее много стилей, вам не придется, создавать .css файлы, просто даете класс ( типо <h1 class="text-success"> Unknown </h1>) и всё.
Я буду создавать темы, по уроки bootstrapa, если вы хотите создавать сайты, с красивыми стилями, то этот фреймворк вам пойдет!.
Чтобы фреймворк работал, для этого есть 2 варианта:1. Установить и настроить Bootstrap.
2. Подключиться, к html разметкой.
Часто, программисты, выбирают 1 вариант, потому что это быстрее и легче. Хотя между этими варианты, нет абсолютно разницы. На данный момент я использую 1 вариант.
Так вот, чтобы подключиться, к стилям bootstrap достаточно написать в внутри <head> </head>:
Надеюсь. Данная статья, была полезной для вас.
А у вас возникает вопрос: Как он это делает. С помощью чего?
Для Бутстрапа, существует специальный файл, с классами.
И когда вы подключаете этот файл, ваша стили меняются.
Данный файл который содержит css классами, выглядит вот таким:
Да, выглядит испугающе.
В общем: Bootstrap это конструктор, содержащее много стилей, вам не придется, создавать .css файлы, просто даете класс ( типо <h1 class="text-success"> Unknown </h1>) и всё.
Я буду создавать темы, по уроки bootstrapa, если вы хотите создавать сайты, с красивыми стилями, то этот фреймворк вам пойдет!.
Чтобы фреймворк работал, для этого есть 2 варианта:
2. Подключиться, к html разметкой.
Часто, программисты, выбирают 1 вариант, потому что это быстрее и легче. Хотя между этими варианты, нет абсолютно разницы. На данный момент я использую 1 вариант.
Так вот, чтобы подключиться, к стилям bootstrap достаточно написать в внутри <head> </head>:
HTML:
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
Надеюсь. Данная статья, была полезной для вас.
Последнее редактирование: