Twitter bootstrap 3, установка bootstrap, підключити bootstrap joomla
Вирішив збільшити свою швидкість верстки сайтів. Погуглити я зрозумів що швидкість розробки можна підвищити використовуючи html, css фреймворк. Мій вибір припав на Bootstrap. У цій замітці я опишу як підключити Bootstrap 3 до сайту.
Для початку я хотів би сказати що таке фреймворк і які є переваги його використання. Фреймворк - це каркас або можна сказати основа будь-якої програмної системи. По відношенню до html, css фреймворку це базовий набір якихось html елементів і css правил (наприклад вже готові кнопки, поля, форми і тд). Ще один плюсом використання twitter bootstrap є адаптивна модульна сітка, що спростить розробку верстки під мобільні пристрої. А зараз верстку під екрани з малим дозволом вимагають повсюдно. Так само використовуючи це фреймворк ми отримаємо кросбраузерності сайт налаштований під всі сучасні браузери. Використовуючи Bootstrap ми отримаємо вже готові:
- Модульну сітку гумову або адаптивну
- Готові шрифти (типографіку)
- Готові таблиці, форми та інші їх елементи
- Горизонтальні, вертикальні, що випадають меню навігації
- Підключивши js бібліотеки ми отримаємо модальні вікна, вкладки, слайдери
І так переваги використання фреймворка очевидні
Як підключити Bootstrap
Запускаємо index.php в браузері, і якщо ми бачимо велику синю кнопку з написом бутстрапа підключений, то наше підключення вдалося
Підключення Bootstrap до joomla
Йдемо далі. Підключаємо js. Знаходимо в index.php тег