Team:KIT-Kyoto/test

From 2013.igem.org

(Difference between revisions)
m
Line 27: Line 27:
   <!--  these two css are to use only for documentation -->
   <!--  these two css are to use only for documentation -->
   <link rel="stylesheet" type="text/css" href="http://technouskit.net/assets/css/demo.css">
   <link rel="stylesheet" type="text/css" href="http://technouskit.net/assets/css/demo.css">
 +
 +
<style type="text/css"> 
 +
<!--
 +
.navbar{
 +
  background-color: white;
 +
}
 +
--> 
 +
</style> 
Line 60: Line 68:
   <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
   <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
   <![endif]-->
   <![endif]-->
 +
 +
  <div class="navbar">
 +
      <div class="navbar-inner">
 +
        <div class="container">
 +
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
 +
              <span class="icon-bar"></span>
 +
              <span class="icon-bar"></span>
 +
              <span class="icon-bar"></span>
 +
            </a>
 +
            <a class="brand" href="#">Title</a>
 +
            <div class="nav-collapse collapse navbar-responsive-collapse">
 +
              <ul class="nav">
 +
                  <li class="active"><a href="#">Home</a></li>
 +
                  <li><a href="#">Link</a></li>
 +
                  <li><a href="#">Link</a></li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="#">Action</a></li>
 +
                        <li><a href="#">Another action</a></li>
 +
                        <li><a href="#">Something else here</a></li>
 +
                        <li class="divider"></li>
 +
                        <li class="nav-header">Nav header</li>
 +
                        <li><a href="#">Separated link</a></li>
 +
                        <li><a href="#">One more separated link</a></li>
 +
                    </ul>
 +
                  </li>
 +
              </ul>
 +
              <form class="navbar-search pull-left">
 +
                  <input type="text" class="search-query span2" placeholder="Search">
 +
              </form>
 +
              <ul class="nav pull-right">
 +
                  <li><a href="#">Link</a></li>
 +
                  <li class="divider-vertical"></li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="#">Action</a></li>
 +
                        <li><a href="#">Another action</a></li>
 +
                        <li><a href="#">Something else here</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="#">Separated link</a></li>
 +
                    </ul>
 +
                  </li>
 +
              </ul>
 +
            </div><!-- /.nav-collapse -->
 +
        </div>
 +
      </div><!-- /navbar-inner -->
 +
  </div><!-- /navbar -->
   <div class="btn-toolbar" style="margin: 0;">
   <div class="btn-toolbar" style="margin: 0;">

Revision as of 16:19, 5 September 2013


BootMetro Demo - Metro