Статьи

Twitter bootstrap 3, установка bootstrap, подключить bootstrap joomla

Опубликовано: 27.09.2017

grigoriev

2098

Решил увеличить свою скорость вёрстки сайтов. Погуглив я понял что скорость разработки можно повысить используя html, css фреймворк. Мой выбор пал на Bootstrap. В этой заметке я опишу как подключить Bootstrap 3 к сайту.

Для начала я хотел бы сказать что такое фреймворк и какие есть преимущества его использования. Фреймворк - это каркас или можно сказать основа какой либо программной системы. По отношению к html, css фреймворку это базовый набор каких то html элементов и css правил (например уже готовые кнопки, поля, формы и тд). Ещё один плюсом использования twitter bootstrap является адаптивная модульная сетка, что упростит разработку вёрстки под мобильные устройства. А сейчас вёрстку под экраны с малым разрешением требуют повсеместно. Так же используя это фреймворк мы получим кроссбраузерный сайт настроенный под все современные браузеры. Используя Bootstrap мы получим уже готовые:

Модульную сетку резиновую или адаптивную Готовые шрифты (типографику) Готовые таблицы, формы и другие их элементы Горизонтальные, вертикальные, выпадающие меню навигации Подключив js библиотеки мы получим модальные окна, вкладки, слайдеры

И так преимущества использования фреймворка очевидны

Как подключить Bootstrap

Перед установкой bootstrap 3 нужно скачать. Идём на официальный сайт twitter bootstrap по этой ссылке и качаем исходник нажав на левую кнопку под которой написано "Compiled and minified CSS, JavaScript, and fonts". Так же исходник можно скачать по этой ссылке с гитхаба. Из полученного архива извлекаем папки css, js, fonts и переносим их например в C:\bootstrap\public_html. В этой же папке создаём файл index.html.

Новости

Лучшие HD объектив для телефона 3в1

Давно искала съемный объектив для смартфона, долго не решалась. Так как некоторые модели, что тестила, не улучшали качество, а почему-то наоборот "убивали" пиксели. .. В итоге я все же выбрала эту

Где купить держатель iphone 4 в машину

При покупке себе телефона и последующем использовании следует также задуматься и над покупкой для него держателя, который возможно будет в дальнейшем установить себе в машину. Приобрести держатель

Где купить бленды для фотоаппарата

Сколько же нового и интересного узнается в путешествиях. Причем иногда абсолютно не важно длинные они или короткие, дальние или близкие, групповые или одиночные. Может Вы объехали весь мир по экватору,

Картонные коробки для переезда
Некоторые советуют не брать слишком большие коробки — их неудобно поднимать и переносить с место на место. Отдавайте предпочтение коробкам средних размеров. Пусть в них влезает не так много, зато вы будете

Где купить насос
Все мы знаем о том, что приближается сезон дач и огородов. И на даче невозможно обойтись без воды. Именно поэтому, многие из нас используют именно скважины. И все мы знаем о том, что для любой скважины

Радиаторы алюминиевые
Прежде, чем сравнивать теплоотдачу радиаторов разных производителей, необходимо убедиться, что значения тепловой мощности получены при испытаниях по одному стандарту. Для импортных отопительных приборов

Как подобрать стиль в интерьере
Каждый хозяин (и в особенности - хозяйка) стремится к тому, чтобы сделать свое жилище как можно более уютным и красивым. И для достижения этой цели существует множество способов и методик, есть даже люди

Теплоноситель
Проектирование и монтаж котельной в собственном доме – вопрос серьезный и ответственный. К нему необходимо подходить, вооружившись,  в первую очередь, нормативной документацией, а еще — советами специалистов

Путевка в Тайланд
Каждый путешественник, который полагает, что культурное поведение является универсальным языком, никогда не покажет знак "ОК" в Турции, не погладит по голове малыша в Тайланде, не позволит себе по-дружески

Преимущества платьев из трикотажа
Ни для кого не секрет, что девушка становится намного привлекательнее и женственнее, когда на ней платье. Как же выбрать и где приобрести платье. Ведь в наше время очень и очень большой выбор различных

    Рейтинг@Mail.ru         Анализ интернет сайта

 

rss