Difference between revisions of "Team:British Columbia/Notebook/Protocols"

(Replaced content with "{{:Team:British Columbia/Template/Fixednavbar}} <html lang="en"> <body> <ul class="nav nav-pills nav-stacked col-md-3"> <li><a href="#a" data-toggle="tab">1</a></li> ...")
Line 3: Line 3:
 
   
 
   
 
   <body>
 
   <body>
<ul class="nav nav-pills nav-stacked col-md-3">
+
<div class="container">
    <li><a href="#a" data-toggle="tab">1</a></li>
+
    <div class="row">
    <li><a href="#b" data-toggle="tab">2</a></li>
+
 
    <li><a href="#c" data-toggle="tab">3</a></li>
+
        <div class="col-md-6">
</ul>
+
            <h3>Pills left</h3>
 +
            <!-- tabs left -->
 +
            <div class="tabbable">
 +
                <ul class="nav nav-pills nav-stacked col-md-3">
 +
                    <li><a href="#a" data-toggle="tab">One</a></li>
 +
                    <li class="active"><a href="#b" data-toggle="tab">Two</a></li>
 +
                    <li><a href="#c" data-toggle="tab">Twee</a></li>
 +
                </ul>
 +
                <div class="tab-content col-md-9">
 +
                    <div class="tab-pane active" id="a">Lorem ipsum dolor sit amet, charetra varius rci quis tortor imperdiet venenatis quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.</div>
 +
                    <div class="tab-pane" id="b">Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</div>
 +
                    <div class="tab-pane" id="c">Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. </div>
 +
                </div>
 +
            </div>
 +
            <!-- /tabs -->
 +
        </div>
 +
 
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 19:48, 31 March 2015

UBC iGEM 2015

Pills left

Lorem ipsum dolor sit amet, charetra varius rci quis tortor imperdiet venenatis quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.
Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.
Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae.