Свой агрегатор отелей и гостиниц #4: подключение Bootstrap и верстка шапки (header) на HTML, CSS
Создание адаптивного header`a для сайта на Bootstrap
Всем доброго времени суток! Начальные приготовления Сегодня опишу как сделать header на html, css, и фреймворке Bootstrap. Я создаю сайты с помощью Open Server`a и редактора кода Sublime Text3. Вы можете использовать любой удобный для вас локальный веб-сервер и редактор кода. Теперь мы готовы писать код! Написание разметки Откроем наш файл index.html и пропишем в нем начальную разметку Здесь мы подключаем stylesheets, которые находятся в папке css - bootstrap.css и main.css. Они подключаются в теге head...
Bootstrap ч.2, практика
Для верстки сайта с помощью библиотеки Bootstrap будем использовать колоночную сетку, а так же Reboot - набор изменений для отдельных элементов CSS в едином файле. Начинаем с шапки и оборачиваем её в тег header. В контексте правильного создания сайтов лучше будет создать не просто ссылки, а именно список, внутри которого есть элементы, внутри которых и содержится ссылка. Это будет правильнее и с точки зрения продвижения сайта. Стили Шапка готова При наведении элемент меняет цвет на синий, это можно иправить...