Настройки стиля Стиль по умолчанию

Тема сайта
Размеры макета
Основная цветовая схема
Задний фон макета ?
Шрифт для заголовков
Вид шапки сайта
Фон для шапки
Без текстуры
Радиус скругления блоков, px
Верхнее меню
Варианты расположения
Прикрепить меню при прокрутке
Фон выпадающего меню
Оформление кнопок
Атман «Корпоративный» Корпоративный сайт на 1С-Битрикс
+7 (495) 111 22 33 8 (800) 100 80 80
ежедневно с 9:00 до 18:00

Готовые элементы

Метки, ярлыки

Default Primary Success Info Warning Danger

<p>
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>
</p>

Уведомления

<div role="alert" class="alert alert-success">
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div role="alert" class="alert alert-info">
<strong>Heads up!</strong> This alert needs your attention, but it is not super important.
</div>
<div role="alert" class="alert alert-warning">
<strong>Warning!</strong> Better check yourself, you are not looking too good.
</div>
<div role="alert" class="alert alert-danger">
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>

Панели

Пример использования панели
<div class="panel panel-default">
	<div class="panel-body">
		Пример использования панели
	</div>
</div>

Заголовок

Контент
<div class="panel panel-default">
	<div class="panel-heading">
		<h3 class="panel-title">Заголовок</h3>
	</div>
	<div class="panel-body">
		Контент
	</div>
</div>

Контент
<div class="panel panel-default">
	<div class="panel-body">
		Контент
	</div>
	<div class="panel-footer">Подвал</div>
</div>

Заголовок панели

Описание содержимого таблицы

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<div class="panel panel-default">
	<div class="panel-heading">Заголовок панели</div>
	<div class="panel-body">
		<p>Описание содержимого таблицы</p>
	</div>
	<table class="table">
		<thead>
			<tr>
				<th>#</th>
				<th>First Name</th>
				<th>Last Name</th>
				<th>Username</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>Mark</td>
				<td>Otto</td>
				<td>@mdo</td>
			</tr>
			<tr>
				<td>2</td>
				<td>Jacob</td>
				<td>Thornton</td>
				<td>@fat</td>
		  </tr>
			<tr>
				<td>3</td>
				<td>Larry</td>
				<td>the Bird</td>
				<td>@twitter</td>
			</tr>
		</tbody>
	</table>
</div>

Заголовок

Контент
<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">Заголовок</h3>
	</div>
	<div class="panel-body">
		Контент
	</div>
</div>

Заголовок

Контент
<div class="panel panel-success">
	<div class="panel-heading">
		<h3 class="panel-title">Заголовок</h3>
	</div>
	<div class="panel-body">
		Контент
	</div>
</div>

Заголовок

Контент
<div class="panel panel-info">
	<div class="panel-heading">
		<h3 class="panel-title">Заголовок</h3>
	</div>
	<div class="panel-body">
		Контент
	</div>
</div>

Заголовок

Контент
<div class="panel panel-warning">
	<div class="panel-heading">
		<h3 class="panel-title">Заголовок</h3>
	</div>
	<div class="panel-body">
		Контент
	</div>
</div>

Заголовок

Контент
<div class="panel panel-danger">
	<div class="panel-heading">
		<h3 class="panel-title">Заголовок</h3>
	</div>
	<div class="panel-body">
		Контент
	</div>
</div>

Вкладки (tabs)

Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
<div class="tabs">
	<!-- Nav tabs -->
	<ul id="res-tab-1" class="nav nav-tabs responsive" role="tablist">
		<li class="active"><a href="#tab-1" role="tab" data-toggle="tab"><span>Вкладка 1</span></a></li><!--
		--><li><a href="#tab-2" role="tab" data-toggle="tab"><span>Вкладка 2</span></a></li><!--
		--><li><a href="#tab-3" role="tab" data-toggle="tab"><span>Вкладка 3</span></a></li><!--
		--><li><a href="#tab-4" role="tab" data-toggle="tab"><span>Вкладка 4</span></a></li>
	</ul>
	<!-- Tab panes -->
	<div class="tab-content responsive">
		<div role="tabpanel" class="tab-pane active" id="tab-1">Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.</div>
		<div role="tabpanel" class="tab-pane" id="tab-2">Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.</div>
		<div role="tabpanel" class="tab-pane" id="tab-3">Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.</div>
		<div role="tabpanel" class="tab-pane" id="tab-4">In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.</div>
	</div>
</div>
Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
<div class="tabs">
	<!-- Nav tabs -->
	<ul id="res-tab-2" class="nav nav-tabs responsive text-right" role="tablist">
		<li class="active"><a href="#tab-5" role="tab" data-toggle="tab"><span>Вкладка 1</span></a></li><!--
		--><li><a href="#tab-6" role="tab" data-toggle="tab"><span>Вкладка 2</span></a></li><!--
		--><li><a href="#tab-7" role="tab" data-toggle="tab"><span>Вкладка 3</span></a></li><!--
		--><li><a href="#tab-8" role="tab" data-toggle="tab"><span>Вкладка 4</span></a></li>
	</ul>
	<!-- Tab panes -->
	<div class="tab-content responsive">
		<div role="tabpanel" class="tab-pane active" id="tab-5">Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-6">Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-7">Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-8">In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
		</div>
	</div>
</div>

Вкладки с нижним расположением навигации (bottom tabs)

Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
<div class="tabs tabs-bottom">
	<!-- Tab panes -->
	<div class="tab-content responsive">
		<div role="tabpanel" class="tab-pane active" id="tab-9">Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-10">Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-11">
			Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-12">In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
		</div>
	</div>
	<!-- Nav tabs -->
	<ul id="res-tab-3" class="nav nav-tabs responsive" role="tablist">
		<li class="active"><a href="#tab-9" role="tab" data-toggle="tab"><span>Вкладка 1</span></a></li><!--
		--><li><a href="#tab-10" role="tab" data-toggle="tab"><span>Вкладка 2</span></a></li><!--
		--><li><a href="#tab-11" role="tab" data-toggle="tab"><span>Вкладка 3</span></a></li><!--
		--><li><a href="#tab-12" role="tab" data-toggle="tab"><span>Вкладка 4</span></a></li>
	</ul>
</div>
Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
<div class="tabs tabs-bottom">
	<!-- Tab panes -->
	<div class="tab-content responsive">
		<div role="tabpanel" class="tab-pane active" id="tab-13">Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-14">Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-15">Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-16">In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
		</div>
	</div>
	<!-- Nav tabs -->
	<ul id="res-tab-4" class="nav nav-tabs responsive text-right" role="tablist">
		<li class="active"><a href="#tab-13" role="tab" data-toggle="tab"><span>Вкладка 1</span></a></li><!--
		--><li><a href="#tab-14" role="tab" data-toggle="tab"><span>Вкладка 2</span></a></li><!--
		--><li><a href="#tab-15" role="tab" data-toggle="tab"><span>Вкладка 3</span></a></li><!--
		--><li><a href="#tab-16" role="tab" data-toggle="tab"><span>Вкладка 4</span></a></li>
	</ul>
</div>

Вкладки c одинаковой шириной навигации (justify tabs)

Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
<div class="tabs">
	<!-- Nav tabs -->
	<ul id="res-tab-5" class="nav nav-tabs responsive nav-justify" role="tablist">
		<li class="active"><a href="#tab-17" role="tab" data-toggle="tab"><span>Вкладка 1</span></a></li><!--
		--><li><a href="#tab-18" role="tab" data-toggle="tab"><span>Вкладка 2</span></a></li><!--
		--><li><a href="#tab-19" role="tab" data-toggle="tab"><span>Вкладка 3</span></a></li><!--
		--><li><a href="#tab-20" role="tab" data-toggle="tab"><span>Вкладка 4</span></a></li>
	</ul>
	<!-- Tab panes -->
	<div class="tab-content responsive">
		<div role="tabpanel" class="tab-pane active" id="tab-17">Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-18">Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-19">Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-20">In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
		</div>
	</div>
</div>
Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
<div class="tabs tabs-bottom">
	<!-- Tab panes -->
	<div class="tab-content responsive">
		<div role="tabpanel" class="tab-pane active" id="tab-21">Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-22">Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-23">Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-24">In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
		</div>
	</div>
	<!-- Nav tabs -->
	<ul id="res-tab-6" class="nav nav-tabs responsive nav-justify" role="tablist">
		<li class="active"><a href="#tab-21" role="tab" data-toggle="tab"><span>Вкладка 1</span></a></li><!--
		--><li><a href="#tab-22" role="tab" data-toggle="tab"><span>Вкладка 2</span></a></li><!--
		--><li><a href="#tab-23" role="tab" data-toggle="tab"><span>Вкладка 3</span></a></li><!--
		--><li><a href="#tab-24" role="tab" data-toggle="tab"><span>Вкладка 4</span></a></li>
	</ul>
</div>

Вкладки с вертикальной навигацией (vertical tabs)

Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
<div class="tabs tabs-vertical">
	<!-- Nav tabs -->
	<ul id="res-tab-7" class="nav nav-tabs responsive tabs-left col-xs-6" role="tablist">
		<li class="active"><a href="#tab-25" role="tab" data-toggle="tab"><span>Вкладка 1</span></a></li><!--
		--><li><a href="#tab-26" role="tab" data-toggle="tab"><span>Вкладка 2</span></a></li><!--
		--><li><a href="#tab-27" role="tab" data-toggle="tab"><span>Вкладка 3</span></a></li><!--
		--><li><a href="#tab-28" role="tab" data-toggle="tab"><span>Вкладка 4</span></a></li>
	</ul>
	<!-- Tab panes -->
	<div class="tab-content responsive">
		<div role="tabpanel" class="tab-pane active" id="tab-25">Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-26">Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-27">Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-28">In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
		</div>
	</div>
</div>
Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
<div class="tabs tabs-vertical">
	<!-- Tab panes -->
	<div class="tab-content responsive">
		<div role="tabpanel" class="tab-pane active" id="tab-29">Lorem ipsum dolor sit amet, sit movet prompta detraxit ne, ei qui semper repudiare. Qui detraxit petentium ut, in modus fuisset assueverit qui. Iudico forensibus an mea, ea mel civibus gubergren. Facer civibus reprimique ad vis, nam case persius te.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-30">Eos an ferri malis reformidans, cum errem dolorem ex. Eros zril tation ei sed, expetenda referrentur intellegebat eam ne, vix ut tritani alterum. Dicam regione quaerendum at his. Legere debitis id cum.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-31">Ullum possim corrumpit vel eu, ne has animal volumus referrentur. Te usu agam perfecto. An ullum platonem vim. No usu quidam noster adipiscing, vim legere mentitum dissentiet ne, discere molestiae maiestatis ei vis. Ne ius epicurei adolescens, te his labore molestie.
		</div>
		<div role="tabpanel" class="tab-pane" id="tab-32">In accusata definiebas complectitur duo, duo sale quidam vivendum in. Qui debet iusto nostro id, vel etiam facete scripta ne. Aliquam detracto cu pri, eam viris delectus ne, possit alterum id pri. Molestie eloquentiam suscipiantur mei id, iuvaret intellegat expetendis id usu.
		</div>
	</div>
	<!-- Nav tabs -->
	<ul id="res-tab-8" class="nav nav-tabs responsive tabs-right col-xs-6" role="tablist">
		<li class="active"><a href="#tab-29" role="tab" data-toggle="tab"><span>Вкладка 1</span></a></li><!--
		--><li><a href="#tab-30" role="tab" data-toggle="tab"><span>Вкладка 2</span></a></li><!--
		--><li><a href="#tab-31" role="tab" data-toggle="tab"><span>Вкладка 3</span></a></li><!--
		--><li><a href="#tab-32" role="tab" data-toggle="tab"><span>Вкладка 4</span></a></li>
	</ul>
</div>

Аккордеон (accordion)

Элемент 1
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua, rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches, duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos, consumian las tres partes de su hacienda.
Элемент 2
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua, rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches, duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos, consumian las tres partes de su hacienda.
Элемент 3
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua, rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches, duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos, consumian las tres partes de su hacienda.
<div class="accordion">
	<div class="accordion-item">
		<a href="#" class="accordion-item-toggle">Элемент 1</a>
		<div class="accordion-item-content fixed">
			En un lugar de la Mancha, de cuyo nombre no quiero acordarme,
			no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua,
			rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches,
			duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos,
			consumian las tres partes de su hacienda.
		</div><!-- end .accordion-item-content -->
	</div><!-- end .accordion-item -->
	<div class="accordion-item">
		<a href="#" class="accordion-item-toggle">Элемент 2</a>
		<div class="accordion-item-content fixed">
			En un lugar de la Mancha, de cuyo nombre no quiero acordarme,
			no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua,
			rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches,
			duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos,
			consumian las tres partes de su hacienda.
		</div><!-- end .accordion-item-content -->
	</div><!-- end .accordion-item -->
	<div class="accordion-item">
		<a href="#" class="accordion-item-toggle">Элемент 3</a>
		<div class="accordion-item-content fixed">
			En un lugar de la Mancha, de cuyo nombre no quiero acordarme,
			no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua,
			rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches,
			duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos,
			consumian las tres partes de su hacienda.
		</div><!-- end .accordion-item-content -->
	</div><!-- end .accordion-item -->
</div>

Переключатель (toggle)

Элемент 1
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua, rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches, duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos, consumian las tres partes de su hacienda.
Элемент 2
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua, rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches, duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos, consumian las tres partes de su hacienda.
Элемент 3
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua, rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches, duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos, consumian las tres partes de su hacienda.
<div class="toggle">
	<div class="toggle-item">
		<a href="#" class="toggle-item-toggle">Элемент 1</a>
		<div class="toggle-item-content fixed">
			En un lugar de la Mancha, de cuyo nombre no quiero acordarme,
			no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua,
			rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches,
			duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos,
			consumian las tres partes de su hacienda.
		</div><!-- end .toggle-item-content -->
	</div><!-- end .toggle-item -->
	<div class="toggle-item">
		<a href="#" class="toggle-item-toggle">Элемент 2</a>
		<div class="toggle-item-content fixed">
			En un lugar de la Mancha, de cuyo nombre no quiero acordarme,
			no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua,
			rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches,
			duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos,
			consumian las tres partes de su hacienda.
		</div><!-- end .toggle-item-content -->
	</div><!-- end .toggle-item -->
	<div class="toggle-item">
		<a href="#" class="toggle-item-toggle">Элемент 3</a>
		<div class="toggle-item-content fixed">
			En un lugar de la Mancha, de cuyo nombre no quiero acordarme,
			no ha mucho tiempo que vivia un hidalgo de los de lanza en astillero, adarga antigua,
			rocin flaco y galgo corredor. Una olla de algo mas vaca que carnero, salpicon las mas noches,
			duelos y quebrantos los sabados, lantejas los viernes, algun palomino de anadidura los domingos,
			consumian las tres partes de su hacienda.
		</div><!-- end .toggle-item-content -->
	</div><!-- end .toggle-item -->
</div>

Блок привлекающий внимание

Привет, мир!

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

Не смотря на то, что при анонсе каких-либо мероприятий, акции, событий лучше заказывать оформление подобных страниц у веб-дизайнера с последующей версткой и интеграцией (можете заказать у нас), то для экономии времени и средств, использование данного готового блока может помочь.

Узнать подробнее

<div class="jumbotron">
	<h1>Привет, мир!</h1>
	<p>Большой заметный блок, который можно разместить на странице для привлечения внимания пользователей.</p>
	<p>Не смотря на то, что при анонсе каких-либо мероприятий, акции, событий лучше заказывать оформление подобных страниц у веб-дизайнера с последующей версткой и интеграцией (можете заказать <a href="mailto:support@atman.biz">у нас</a>), то для экономии времени и средств, использование данного готового блока может помочь.</p>
	<p><a class="btn btn-primary btn-lg" href="#" role="button">Узнать подробнее</a></p>
</div>