Bootstrap3 Skeleton - With Font Awesome
This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.
by Joshua Dwire
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<h1>Section 2</h1>
<h1>DIV Form</h1>
<div id="associated2" class="container">
<section>
<div class="row">
<div id="associatedComputers" class="col-md-2">
<!--- Start: Computer_Service_Request --->
<form name="ecsrForm" action="sr_ticket.cfm" target="_top" method="post">
<input name="Equipment_CCCID" type="hidden" value="">
<input name="Equipment_Type" type="hidden" value="Computer">
<input name="pAction" type="hidden" value="">
</form>
<section>
<div class="row">
<div class="sectionLabel col-md-4 col-sm-4 col-xs-4">
<!---
<image border="0" src="images/restore.gif" alt="edit (popup)">
--->
<a href="javascript: searchComputerServiceRequest();">Add</a>
<a href="javascript: searchComputerServiceRequest();" class="ContentLink" id="content">Add</a>
</div><!--End sectionLabel -->
<div class="sectionHeader col-md-8">
<p>Associated Computer(s)</p>
</div>
</div>
<div class="row outputRow">
<div class="outputLabel col-md-4 col-sm-4 col-xs-4">
<image border="0" src="images/restore.gif" alt="edit (popup)">
<a href="javascript: getComputer(#Equipment_CCCID#);" class="ContentLink" id="content">
<span>#Serial_Number#<span>
</a>
</div><!--End outputLabel -->
<div class="outputValue col-md-8">
<span>#Manufacturer# #Model#</span>
<div class="outputDelete">
<a href="javascript: deleteComputerServiceRequest(#Equipment_CCCID#);">
...
CSS
@import url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
@import url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css');
.container {
margin-top: 10px;
}