Line 1: Line 1:
<div class="col-md-12">
+
<div class="col-sm-6">
       <div class="bs-example bs-example-tabs">
+
       <div class="navbar navbar-inverse-darker" role="navigation">
         <ul id="myTab" class="nav nav-tabs nav-justified nav-tabs-primary" style="margin:0;">
+
         <ul class="nav navbar-nav">
          <li class="active" data-toggle="tab">[[Nav_Tabs#Tutorial|Tutorial]]</li>
+
          <li class="dropdown" style="margin-top:11px;">
           <li data-toggle="tab">[[Nav_Tabs#Schematic|Schematic]]</li>
+
            <span class="dropdown-toggle mwbs-color-white" data-toggle="dropdown">Services</span>
           <li data-toggle="tab">[[Nav_Tabs#Video|Video]]</li>
+
            <ul class="dropdown-menu darker-color">
           <li data-toggle="tab">[[Nav_Tabs#Downloads|Downloads]]</li>
+
              <li>[[Service One]]</li>
 +
              <li>[[Service Three]]</li>
 +
              <li>[[Service Four]]</li>
 +
              <li>[[Service Five]]</li>
 +
              <li>[[Another Service]]</li>
 +
            </ul>
 +
          </li>
 +
        </ul>
 +
        <ul class="nav navbar-nav">
 +
          <li class="dropdown" style="margin-top:11px;">
 +
            <span class="dropdown-toggle mwbs-color-white" data-toggle="dropdown">Members</span>
 +
            <ul class="dropdown-menu darker-color">
 +
              <li>[[Members One]]</li>
 +
              <li>[[Members Two]]</li>
 +
              <li>[[Members Three]]</li>
 +
              <li>[[Members Four]]</li>
 +
              <li>[[Members Five]]</li>
 +
              <li>[[Another Member]]</li>
 +
            </ul>
 +
           </li>
 +
        </ul>
 +
        <ul class="nav navbar-nav">
 +
          <li class="dropdown" style="margin-top:11px;">
 +
            <span class="dropdown-toggle mwbs-color-white" data-toggle="dropdown">Another</span>
 +
            <ul class="dropdown-menu darker-color">
 +
              <li>[[Another One]]</li>
 +
              <li>[[Another Two]]</li>
 +
              <li>[[Another Three]]</li>
 +
              <li>[[Another Four]]</li>
 +
              <li>[[Another Five]]</li>
 +
              <li>[[Another Another!]]</li>
 +
            </ul>
 +
           </li>
 +
        </ul>
 +
        <ul class="nav navbar-nav">
 +
          <li class="dropdown" style="margin-top:11px;">
 +
            <span class="dropdown-toggle mwbs-color-white" data-toggle="dropdown">Yet Another</span>
 +
            <ul class="dropdown-menu darker-color">
 +
              <li>[[Yet Another One]]</li>
 +
              <li>[[Yet Another Two]]</li>
 +
              <li>[[Yet Another Three]]</li>
 +
              <li>[[Yet Another Four]]</li>
 +
              <li>[[Yet Another Five]]</li>
 +
              <li>[[Yet Another Another!]]</li>
 +
            </ul>
 +
           </li>
 +
        </ul>
 +
        <ul class="nav navbar-nav">
 +
          <li class="dropdown" style="margin-top:11px;">
 +
            <span class="dropdown-toggle mwbs-color-white" data-toggle="dropdown">One More!</span>
 +
            <ul class="dropdown-menu darker-color">
 +
              <li>[[Yet Another One]]</li>
 +
              <li>[[Yet Another Two]]</li>
 +
              <li>[[Yet Another Three]]</li>
 +
              <li>[[Yet Another Four]]</li>
 +
              <li>[[Yet Another Five]]</li>
 +
              <li>[[Yet Another Another!]]</li>
 +
            </ul>
 +
          </li>
 
         </ul>
 
         </ul>
      </div>
 
      <div id="myTab" class="tab-content">
 
        <div class="tab-pane active" id="Tutorial">
 
          <p style="text-align:justify;">
 
          Tutorial page
 
          </p>
 
          <p style="text-align:justify;">
 
          </p>
 
        </div>
 
 
 
        <div class="tab-pane" id="Schematic">
 
          <p style="text-align:justify;">page3</p>
 
          <p style="text-align:justify;">page 4</p>
 
          <p style="text-align:justify;">page 5</p>
 
        Schematic page
 
        </div>
 
        <div class="tab-pane" id="Video">
 
          <p style="text-align:justify;"> </p>
 
          <p style="text-align:justify;"></p>
 
          <p style="text-align:justify;"></p>
 
        Video
 
        </div>
 
        <div class="tab-pane" id="Downloads">
 
          <p style="text-align:justify;"></p>
 
          <p style="text-align:justify;"></p>
 
          Download
 
        </div>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>

Revision as of 11:10, 19 September 2014