|
|
(6 intermediate revisions not shown) |
Line 46: |
Line 46: |
| </li> | | </li> |
| <li><a href="https://2013.igem.org/Team:Bordeaux/Project">Project</a></li> | | <li><a href="https://2013.igem.org/Team:Bordeaux/Project">Project</a></li> |
- | <li><a href="https://2013.igem.org/Team:Bordeaux/Parts">Parts Submitted</a></li>
| + | |
| <li><a href="https://2013.igem.org/Team:Bordeaux/Safety">Safety</a></li> | | <li><a href="https://2013.igem.org/Team:Bordeaux/Safety">Safety</a></li> |
- | <li><a href="https://2013.igem.org/Team:Bordeaux/Attributions">Attributions </a></li>
| + | |
| <li class="dropdown"> | | <li class="dropdown"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Practice <b class="caret"></b></a> | | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home Practice <b class="caret"></b></a> |
Line 120: |
Line 120: |
| </p> | | </p> |
| | | |
- | -->
| |
| | | |
| | | |
- | <div class="page-header">
| + | |
- | <h1>Thumbnails</h1>
| + | |
- | </div>
| + | |
- | <img data-src="holder.js/200x200" src="data:image/png;base64," class="img-thumbnail" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">
| + | |
- | | + | |
| | | |
| | | |
Line 143: |
Line 138: |
| </ul> | | </ul> |
| </div> | | </div> |
| + | --> |
| | | |
- | | + | <!-- |
- | | + | |
- | | + | |
- | <div class="page-header">
| + | |
- | <h1>Navbars</h1>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="navbar navbar-default">
| + | |
- | <div class="container">
| + | |
- | <div class="navbar-header">
| + | |
- | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | </button>
| + | |
- | <a class="navbar-brand" href="#">Project name</a>
| + | |
- | </div>
| + | |
- | <div class="navbar-collapse collapse">
| + | |
- | <ul class="nav navbar-nav">
| + | |
- | <li class="active"><a href="#">Home</a></li>
| + | |
- | <li><a href="#about">About</a></li>
| + | |
- | <li><a href="#contact">Contact</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="dropdown-header">Nav header</li>
| + | |
- | <li><a href="#">Separated link</a></li>
| + | |
- | <li><a href="#">One more separated link</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <ul class="nav navbar-nav navbar-right">
| + | |
- | <li><a href="../navbar/">Default</a></li>
| + | |
- | <li><a href="../navbar-static-top/">Static top</a></li>
| + | |
- | <li class="active"><a href="./">Fixed top</a></li>
| + | |
- | </ul>
| + | |
- | </div><!--/.nav-collapse -->
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="navbar navbar-inverse">
| + | |
- | <div class="container">
| + | |
- | <div class="navbar-header">
| + | |
- | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | </button>
| + | |
- | <a class="navbar-brand" href="#">Project name</a>
| + | |
- | </div>
| + | |
- | <div class="navbar-collapse collapse">
| + | |
- | <ul class="nav navbar-nav">
| + | |
- | <li class="active"><a href="#">Home</a></li>
| + | |
- | <li><a href="#about">About</a></li>
| + | |
- | <li><a href="#contact">Contact</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="dropdown-header">Nav header</li>
| + | |
- | <li><a href="#">Separated link</a></li>
| + | |
- | <li><a href="#">One more separated link</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <ul class="nav navbar-nav navbar-right">
| + | |
- | <li><a href="../navbar/">Default</a></li>
| + | |
- | <li><a href="../navbar-static-top/">Static top</a></li>
| + | |
- | <li class="active"><a href="./">Fixed top</a></li>
| + | |
- | </ul>
| + | |
- | </div><!--/.nav-collapse -->
| + | |
- | </div>
| + | |
- | </div>
| + | |
| | | |
| | | |
Line 243: |
Line 160: |
| </div> | | </div> |
| | | |
| + | --> |
| | | |
| | | |
- | <div class="page-header">
| |
- | <h1>Progress bars</h1>
| |
- | </div>
| |
- | <div class="progress">
| |
- | <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"><span class="sr-only">60% Complete</span></div>
| |
- | </div>
| |
- | <div class="progress">
| |
- | <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"><span class="sr-only">40% Complete (success)</span></div>
| |
- | </div>
| |
- | <div class="progress">
| |
- | <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"><span class="sr-only">20% Complete</span></div>
| |
- | </div>
| |
- | <div class="progress">
| |
- | <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span class="sr-only">60% Complete (warning)</span></div>
| |
- | </div>
| |
- | <div class="progress">
| |
- | <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"><span class="sr-only">80% Complete (danger)</span></div>
| |
- | </div>
| |
- | <div class="progress">
| |
- | <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div>
| |
- | <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div>
| |
- | <div class="progress-bar progress-bar-danger" style="width: 10%"><span class='sr-only'>10% Complete (danger)</span></div>
| |
- | </div>
| |
| | | |
| + | |
| | | |
| + | <!-- |
| | | |
- | <div class="page-header">
| + | |
- | <h1>List groups</h1>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="col-sm-4">
| + | |
- | <ul class="list-group">
| + | |
- | <li class="list-group-item">Cras justo odio</li>
| + | |
- | <li class="list-group-item">Dapibus ac facilisis in</li>
| + | |
- | <li class="list-group-item">Morbi leo risus</li>
| + | |
- | <li class="list-group-item">Porta ac consectetur ac</li>
| + | |
- | <li class="list-group-item">Vestibulum at eros</li>
| + | |
- | </ul>
| + | |
- | </div><!-- /.col-sm-4 -->
| + | |
- | <div class="col-sm-4">
| + | |
- | <div class="list-group">
| + | |
- | <a href="#" class="list-group-item active">
| + | |
- | Cras justo odio
| + | |
- | </a>
| + | |
- | <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
| + | |
- | <a href="#" class="list-group-item">Morbi leo risus</a>
| + | |
- | <a href="#" class="list-group-item">Porta ac consectetur ac</a>
| + | |
- | <a href="#" class="list-group-item">Vestibulum at eros</a>
| + | |
- | </div>
| + | |
- | </div><!-- /.col-sm-4 -->
| + | |
- | <div class="col-sm-4">
| + | |
- | <div class="list-group">
| + | |
- | <a href="#" class="list-group-item active">
| + | |
- | <h4 class="list-group-item-heading">List group item heading</h4>
| + | |
- | <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
| + | |
- | </a>
| + | |
- | <a href="#" class="list-group-item">
| + | |
- | <h4 class="list-group-item-heading">List group item heading</h4>
| + | |
- | <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
| + | |
- | </a>
| + | |
- | <a href="#" class="list-group-item">
| + | |
- | <h4 class="list-group-item-heading">List group item heading</h4>
| + | |
- | <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | </div><!-- /.col-sm-4 -->
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="page-header">
| + | |
- | <h1>Panels</h1>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="col-sm-4">
| + | |
- | <div class="panel panel-default">
| + | |
- | <div class="panel-heading">
| + | |
- | <h3 class="panel-title">Panel title</h3>
| + | |
- | </div>
| + | |
- | <div class="panel-body">
| + | |
- | Panel content
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="panel panel-primary">
| + | |
- | <div class="panel-heading">
| + | |
- | <h3 class="panel-title">Panel title</h3>
| + | |
- | </div>
| + | |
- | <div class="panel-body">
| + | |
- | Panel content
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div><!-- /.col-sm-4 -->
| + | |
- | <div class="col-sm-4">
| + | |
- | <div class="panel panel-success">
| + | |
- | <div class="panel-heading">
| + | |
- | <h3 class="panel-title">Panel title</h3>
| + | |
- | </div>
| + | |
- | <div class="panel-body">
| + | |
- | Panel content
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="panel panel-info">
| + | |
- | <div class="panel-heading">
| + | |
- | <h3 class="panel-title">Panel title</h3>
| + | |
- | </div>
| + | |
- | <div class="panel-body">
| + | |
- | Panel content
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div><!-- /.col-sm-4 -->
| + | |
- | <div class="col-sm-4">
| + | |
- | <div class="panel panel-warning">
| + | |
- | <div class="panel-heading">
| + | |
- | <h3 class="panel-title">Panel title</h3>
| + | |
- | </div>
| + | |
- | <div class="panel-body">
| + | |
- | Panel content
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="panel panel-danger">
| + | |
- | <div class="panel-heading">
| + | |
- | <h3 class="panel-title">Panel title</h3>
| + | |
- | </div>
| + | |
- | <div class="panel-body">
| + | |
- | Panel content
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div><!-- /.col-sm-4 -->
| + | |
- | </div>
| + | |
| | | |
| | | |
Line 384: |
Line 179: |
| </div> | | </div> |
| | | |
| + | --> |
| | | |
| | | |