Поздравляем!

Установка AVE.CMS 3.0RC2 1.4 прошла успешно! Вы выбрали установку системы с "демонстрационным контентом", где мы предлагаем вам частично-заполненный сайт, на примере которого Вы можете ознакомиться с основными приемами возможностями работы с системой управления сайтами AVECMS.

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

×

ВНИМАНИЕ!

Поскольку Bootstrap использует самые современные наработки в области CSS и HTML то будьте внимательны при поддержке старых браузеров!

Сетки

Сетки — заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 140px относится к классу .span2, который мы можем использовать в CSS описании документа.

1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12

По-умолчанию в Bootstrap используется сетка фиксированной 940-пиксельной ширины с разбиением на 12 колонок.

Также данная сетка предлагает 4 адаптации под различные устройства: смартфон, портретно-ориентированный планшет, мелкий монитор или ландшафтно-ориентированный планшет, и широкоформатный экран.

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

В данном примере мы создаем шаблон в 2 колонки, которые в сумме составят ширину нашей 12-колоночной сетки.

Вложенные колонки

В статичной (не резиновой) раскладке в Bootstrap мы легко можем использовать "вложенные" колонки. Для вложенности нам достаточно добавить обертку  .row  для вложенных .span*  колонок.

Пример

Колонка 1
 Колонка 2 
 Колонка 2 
<div class="row">
  <div class="span12">
    Колонка 1
    <div class="row">
      <div class="span6">Колонка 2</div>
      <div class="span6">Колонка 2</div>
    </div>
  </div>
</div>

Шаблоны

Шаблоны — Фиксированный или резиновый шаблон документа.

Типографика 

Типографика — Описания шрифтов, определение некоторых классов для шрифтов таких как код, цитаты и т. п.

Медиа 

Медиа — Представляет некоторое управление изображениями и Видео.

Таблицы 

Таблицы — Средства оформления таблиц, вплоть до добавления функциональности сортировки.

Формы

Формы — Классы для оформления не только форм, но и некоторых событий происходящих с ними.

Навигация 

Навигация — Классы оформления для Табов, Вкладок, Страничности, Меню и Тулбара.

Алерты 

Алерты — Оформление диалоговых окон, Подсказок и Всплывающих окон.