Bootstrap2FormUse
Bootstrap2 Form use
by luissanchezm86
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div id="main" class="container">
<div id="mainheader" class="navbar">
<div class="navbar-inner">
<div class="container"> <a href="/" class="brand logoText">My Test</a>
</div>
</div>
</div>
<div id="middle" class="row">
<div id="sidebar" class="span2 sidebar-nav">
<div class="accordion">
<div class="accordion-group">
<div class="accordion-heading"> <a class="accordion-toggle" href="/">Dashboard</a>
</div>
</div>
</div>
</div>
<div id="inner" class="span10">
<div class="row">
<div class="span10">
<h1>Edit Form</h1>
</div>
</div>
<div class="row">
<div class="span10">
<div class="alert alert-success">Success message</div>
</div>
</div>
<div class="row">
<div class="span10">
<p>
Here comes some content..
</p>
</div>
</div>
<div class="row">
<div class="span10">
<table class="table table-striped table-bordered">
<thead>
<tr><th>Test 1</th><th>Test 2</th></tr>
</thead>
<tbody>
<tr><td>Test 1</td><td>Test 2</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
CSS
#main {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
background: #FFF;
border-radius: 4px;
}
.span10 {
padding-right: 10px;
box-sizing: border-box;
}