What are general VSDocs layouts?


VSDocs supports five different layouts. See the code below.

Boxed layout without sidebars

<div id="content">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<!-- Star writing your page content here -->
			</div>
		</div>
	</div>
</div>

 

Boxed layout with left sidebar

<div id="content">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="layout with-left-sidebar">
					<div class="left-sidebar">
						<!-- Star writing your sidebar content here -->
					</div>
					<div class="main-content with-left-sidebar">
						<!-- Star writing your page content here -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

 

Boxed layout with right sidebar

<div class="container">
	<div class="row">
		<div class="col-md-12">
			<div class="layout with-right-sidebar">
				<div class="right-sidebar">
					<!-- Star writing your sidebar content here -->
				</div>
				<div class="main-content with-right-sidebar">
					<!-- Star writing your page content here -->
				</div>
			</div>
		</div>
	</div>
</div>

 

Full width layout with left sidebar

<div id="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<div class="layout with-left-sidebar">
					<div class="left-sidebar">
						<!-- Star writing your sidebar content here -->
					</div>
					<div class="main-content with-left-sidebar main-content-full">
						<!-- Star writing your page content here -->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

 

Full width layout with right sidebar

<div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<div class="layout with-right-sidebar">
				<div class="right-sidebar">
					<!-- Star writing your sidebar content here -->
				</div>
				<div class="main-content with-right-sidebar main-content-full">
					<!-- Star writing your page content here -->
				</div>
			</div>
		</div>
	</div>
</div>

 


Last update:
2015-05-15 11:57
Author:
Cristina Cavruc
Revision:
1.0
Average rating:0 (0 Votes)