<?php include('header.php'); ?>





			<div>

				<ul class="breadcrumb">

					<li>

						<a href="#">Home</a> <span class="divider">/</span>

					</li>

					<li>

						<a href="#">Grid</a>

					</li>

				</ul>

			</div>



			<div class="row-fluid sortable">

				<div class="box span12">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 12</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

			</div><!--/row-->

			

			<div class="row-fluid sortable">

				<div class="box span3">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 3</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

				<div class="box span3">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 3</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

				<div class="box span3">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 3</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

				<div class="box span3">

					<div class="box-header well" data-original-title>

						<h2>Plain</h2>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

			</div><!--/row-->

			

			<div class="row-fluid sortable">

				<div class="box span6">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 6</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

				

				<div class="box span6">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 6</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

			</div><!--/row-->

			<div class="row-fluid sortable">

				<div class="box span4">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 4</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

				

				<div class="box span4">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 4</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

				

				<div class="box span4">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-th"></i> Grid 4</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

                  	<div class="row-fluid">

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                        <div class="span4"><h6>span 4</h6></div>

                    </div>                   

                  </div>

				</div><!--/span-->

			</div><!--/row-->

			

			<div class="row-fluid">

				<div class="span12 well">

					<div>

						<h1>Box less area</h1>

						<p>The flat boxes can be created using grids. But you can also use grids inside grids, which makes the layout 100% flexible!</p>

					</div>

				</div><!--/span-->

			</div><!--/row-->

			

			<div class="row-fluid show-grid">

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

				<div class="span1">1</div>

			</div>

			

			<div class="row-fluid show-grid">

				<div class="span4">4</div>

				<div class="span4">4</div>

				<div class="span4">4</div>

			</div>

			

			<div class="row-fluid show-grid">

				<div class="span3">3</div>

				<div class="span3">3</div>

				<div class="span3">3</div>

				<div class="span3">3</div>

			</div>

			

			<div class="row-fluid show-grid">

				<div class="span4">4</div>

				<div class="span8">8</div>

			</div>

			

			<div class="row-fluid show-grid">

				<div class="span6">6</div>

				<div class="span6">6</div>

			</div>

			

			<div class="row-fluid show-grid">

				<div class="span12">12</div>

			</div>



    

<?php include('footer.php'); ?>

