Основное применение данного шаблона:- Базовый адаптивный каркас для ваших проектов.
- Легкая верстка в дальнейшем (так как переставить блоки под ваши нужды в рамках сетки bootstrap не составляет проблем даже для начинающего верстальщика).
- Поддержка
ВСЕХ возможностей фрейморка прямо в шаблоне.
- Дописав свои стили, вы легко сможете добавить индивидуальности своему проекту.
Шаблон бесплатный, распространяется на условиях "как есть".
Если у Вас возникли вопросы, оставляйте их в комментариях.
Адаптивная сетка bootstrap 3В зависимости от ширины экрана браузера - отображает контент оптимальным способом.
Очень маленькие устройство Телефоны (<768px)
Малые устройства Планшеты (≥768px)
Средние устройства Настольные (≥992px)
Большие устройства Настольные (≥1200px)
Модальные окнаВ качестве примера работы базовой версии bootsrap реализовали вывод формы добавления комментариев на сайт и панель авторизации через модальные окна.
Полезняшки- Для меню сайта в шапке и подвале предусмотрены отдельные
TPL файлы (menu_header.tpl и menu_footer.tpl).
- Пагинация автоматически подстраивается под ширину страницы (удаляет лишние кнопки в случае маленькой ширины)
- Готовые блоки для отображения рекламы на сайте. Как внутри шаблона полной новости fullstory.tpl так и в боковой панели sidebar.tpl
Исходники:В основе фреймворк
twitter bootstrap 3Набор иконок
fontawesome.
Хорошая
русская документация по Bootstrap 3.
Генерация картинок-заглушек, проект
img.base64-image.ruДокументация по шаблону в настоящий момент в процессе подготовки.Скачать шаблон
Скачать файл: Юникод версия шаблона bs3-tcse_utf8.zip [497,42 Kb] (cкачиваний: 1028)
Скачать файл: Windows версия шаблона bs3-tcse_utf8.zip [0 b] (cкачиваний: 827)
Страница шаблона на BitBucket https://bitbucket.org/tcse/template_tbs3-tcse/- добавлены шаблоны
lostpassword.tpl и
registration.tpl- добавлен фикс частично исправляющий конфкликт окон jQuery UI и bootstrap
- обновлена версия bootstrap с 3.3.1 до 3.3.4
- обновлена версия font-awesome до 4.3.0
- добавлена тема для Бустрап от проекта bootswatch

Подключение темы реализовано через ссылку
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.4/cerulean/bootstrap.min.css" rel="stylesheet">
установленную в блоке
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" >
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.4/cerulean/bootstrap.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
При необходимости всего в 1 клик вы можете поменять стиль оформления выбрав любую из готовых тем на сайте
bootstrapcdn
20 Комментарии