Сегодняшний урок будет достаточно простым. Нам необходимо
- Создать файл custom.css для собственных настроек (это делаете сами, файл создавать в папке css)
- Создать стандартный файл .html
- Подключить специальный мета-тег
- Подключить 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">
Это мета-тег, который включают в работе с отзывчивым дизайном. Смысл этого тега правильно масштабировать экран, т.е. не важно, работаете вы на большом экране или на маленьком, страница будет менять свой размер в зависимости от девайса.