Добавляем CSS в HTML-файл Bootstrap

Сегодняшний урок будет достаточно простым. Нам необходимо

  1. Создать файл custom.css для собственных настроек (это делаете сами, файл создавать в папке css)
  2. Создать стандартный файл .html
  3. Подключить специальный мета-тег
  4. Подключить bootstrap.min.css

И так, давайте все задания объединим и сделаем все разом

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Website</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/custom.min.css" rel="stylesheet">
</head>

<body>

</body>
</html>

На что здесь следует обратить внимание, так это исключительно на трочку

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Это мета-тег, который включают в работе с отзывчивым дизайном. Смысл этого тега правильно масштабировать экран, т.е. не важно, работаете вы на большом экране или на маленьком, страница будет менять свой размер в зависимости от девайса.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Scroll Up
Adblock detector