khanat-opennel-code/code/ryzom/tools/server/ryzom_ams/www/html/grid.php
Botanic 4438e87a8c added charisma
--HG--
branch : rc-botanic-webdev
2013-06-15 07:01:11 -07:00

240 lines
8.8 KiB
PHP

<?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'); ?>