Блог Bingam
Анимация
Клипы
Программы
Игры
Контакты
Любимые книги
Мой любимый музон
Новости
Планы
Хобби
Joomla
Prestashop
WordPress
Битрикс
За жизнь
Кодинг
Медиавики
ОбзорыОб авторе
Привет. Меня зовут Елена и я автор этого блога.
Читать далее
Читать далее
Если вы установили решение 1С-Битрикс управление сайтом «Современный интернет-магазин» (eshop_bootstrap_v4, шаблон «Адаптивный шаблон интернет-магазина»), то в режиме редактирования исходного кода вы можете верстать страницу используя готовые шаблоны.
При создании страницы по шаблону вы можете выбрать любой. Или скопировать код и верстать уже созданную страницу.
 |
Одна колонка:
<div class="row">
<div class="col-xs-12"></div>
</div> |
 |
Правая колонка:
<div class="row">
<div class="col-sm-8"></div>
<div class="col-sm-4"></div>
</div> |
 |
Левая колонка:
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-8"></div>
</div> |
 |
Два меню:
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6"></div>
<div class="col-sm-3"></div>
</div> |
 |
2 колонки:
<div class="row">
<div class="col-sm-6"></div>
<div class="col-sm-6"></div>
</div> |
 |
3 колонки:
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
</div> |
 |
Главная:
<div class="row">
<div class="col-sm-8"></div>
<div class="col-sm-4"></div>
</div>
<div class="row">
<div class="col-xs-12"></div>
</div>
<div class="row">
<div class="col-sm-8"></div>
<div class="col-sm-4"></div>
</div> |
 |
Мозаика:
<div class="row">
<div class="col-sm-8"></div>
<div class="col-sm-4"></div>
</div>
<div class="row">
<div class="col-xs-4"></div>
<div class="col-xs-8"></div>
</div> |
В заключение хочется сказать, что вёрстка различных шаблонов в 1С-Битрикс является важным этапом создания функционального и красивого сайта. Благодаря большому выбору готовых шаблонов, можно быстро создать уникальный дизайн своего сайта с минимальными усилиями.
