back Home or css frameworks

Clear line with bootstrap clearfix

<div class="clearfix"></div>

Bootstrap Tabs

Bootstrap tabs consist of two parts the “nav nav-tabs” which is a un ordered list 'ul'

   <ul class="nav nav-tabs">
      <li class="active"><a  data-toggle="tab" href="#home">Home</a></li>
      <li><a  data-toggle="tab" href="#profile">Profile</a></li>
      <li><a  data-toggle="tab" href="#message">Messages</a></li>
   </ul>

The content for tab's are contained in a

class="tab-content"
 <div id="my-tab-content" class="tab-content">
     <div class="tab-pane active" id="home">
        <h3>Home</h3>
        <p>content of home .. </p>
     </div>

data-toggle=“tab” on each tab, as well as create a .tab-pane with unique ID for every tab and wrap them in .tab-content. The following example will show you how to create a basic tabbable tabs via data attributes in Bootstrap.

Bootstrap Forms

To get inputs and text area to adopt a boostrap width and style add:

class="form-control"
 
bootstrap_notes.txt · Last modified: 2016/08/02 09:23 by root
 
RSS - 200 © CrosswireDigitialMedia Ltd