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>

The content for tab's are contained in a

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

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:

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