Технология сетевого дизайна и её программное обеспечение Лекция 10

CSS-фреймворк фреймворк, созданный для упрощения работы верстальщика, быстроты разработки и исключения максимально возможного числа ошибок вёрстки (проблемы совместимости различных версий браузеров и т. д.). Как и библиотеки скриптовых языков программирования, CSS-библиотеки, обычно имеющие вид внешнего css-файла, «подключаются» к проекту (добавляются в заголовок веб-страницы).

Twitter Bootstrap Twitter Bootstrap - свободный набор инструментов для создания сайтов и веб- приложений. Включает в себя HTML и CSS шаблоны оформления для типографики, веб- форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения.

Начальный HTML код страницы

При верстке макета важно указывать количество колонок в конкретном разрешении дисплея Очень маленький экран Маленький экран Средний экран Большой экран

Если необходимо сделать резиновый макет, то для этого нужно использовать класс container-fluid

Если необходимо сделать отступ (пропуск колонки), то для этого нужно использовать класс col-md-offset-

Создание макета из колонок разной ширины