Статья Bootstrap; #0 - Что такое Bootsrap?

The Vincenzo

Green Team
11.08.2019
89
12
BIT
0
Bootstrap, это как конструктор сайтов, содержащие классы css'a. Он делает очень красивые стили, между обычной CSS и Бутстрапа есть большие разницы.

bootstrap logo.png


А у вас возникает вопрос: Как он это делает. С помощью чего?
Для Бутстрапа, существует специальный файл, с классами.

И когда вы подключаете этот файл, ваша стили меняются.

Данный файл который содержит css классами, выглядит вот таким:

Снимок экрана от 2021-05-14 23-06-54.png


Да, выглядит испугающе.

В общем: Bootstrap это конструктор, содержащее много стилей, вам не придется, создавать .css файлы, просто даете класс ( типо <h1 class="text-success"> Unknown </h1>) и всё.
Я буду создавать темы, по уроки bootstrapa, если вы хотите создавать сайты, с красивыми стилями, то этот фреймворк вам пойдет!.

Чтобы фреймворк работал, для этого есть 2 варианта:​
1. Установить и настроить Bootstrap.
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>

Надеюсь. Данная статья, была полезной для вас.
 
Последнее редактирование:
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!