Статьи

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 в машину

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

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

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

Нужна ли виза в Марокко для россиян
http://pokeda.ru/viza-v-marokko-dlya-grazhdan-rf.htm? Небольшое княжество с развитой инфраструктурой и большим количеством развлечений притягивает туристов. Но перед путешествием в первую очередь возникает

Взять кредит онлайн на карту в Украине
Каждый из нас, наверное, находился в такой жизненной ситуации, когда были срочно нужны денежные средства. Если вам знакома такая ситуация и вы в данный момент находитесь в такой ситуации, тогда я вам

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

Колбасное оборудование
Собственный колбасный цех – достаточно рентабельное начинание, прибыльность колбасного производства на уровне 30%. Правда и время окупаемости у данного дела малы – 2-3 месяца. А вот по качеству готовой

Туры на новый год 2019
Сразу оговоримся, что «настоящий», домашний Новый год тайцы отмечают в апреле, и этот праздник не имеет ничего общего с привычными европейскому туристу ритуалами. Сонгкран – это больше религиозное событие,

Куда поехать в январе
Куда поехать в январе, чтобы отдохнуть на пляже? Индонезия – отличное место! Особенно эта страна славится своим островом Бали. Это экзотическое и райское место, в котором вы забудете о зиме и всем что

Микрокредитные организации в Астане
Многие из нас знают о том, что получить кредит бывает очень и очень сложно. Но так же, многие из нас знают о том, что легко получить кредит можно в той или иной микрокредитной организации. Но многие

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

 

rss