&html{<b>aaa</b>};
#html{{ <b>aaa</b> }}
memo †
idea †
話題になっている健康法や医療情報のリサーチ
- 本 → Amazonのランキング
- Web → はてなブックマークのタグのランキング
- ブログ → 医療従事者などのブログRSS
- BBS
- SNS
CSS †
- Bootstrap 3.2.0 Documentation - BootstrapDocs http://bootstrapdocs.com/v3.2.0/docs/
Alerts †
<div class="alert alert-success" role="alert">緑 class="alert alert-success" role="alert"</div>
緑 class="alert alert-success" role="alert"
<div class="alert alert-info" role="alert">青 class="alert alert-info" role="alert"</div>
青 class="alert alert-info" role="alert"
<div class="alert alert-warning" role="alert">橙 class="alert alert-warning" role="alert"</div>
橙 class="alert alert-warning" role="alert"
<div class="alert alert-danger" role="alert">赤 class="alert alert-danger" role="alert"</div>
赤 class="alert alert-danger" role="alert"
Wells †
<div class="well">class="well"</div>
class="well"
<div class="well well-lg">class="well well-lg"</div>
class="well well-lg"
<div class="well well-sm">class="well well-sm"</div>
class="well well-sm"
Tables †
Basic example / class="table" †
<table class="table"> <tr> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> <tr> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </table>
First Name | Last Name | Username |
---|---|---|
Mark | Otto | @mdo |
Jacob | Thornton | @fat |
Larry | the Bird |
Striped rows / class="table table-striped" †
<table class="table table-striped"> <tr> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> <tr> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </table>
First Name | Last Name | Username |
---|---|---|
Mark | Otto | @mdo |
Jacob | Thornton | @fat |
Larry | the Bird |
Bordered table / class="table table-bordered" †
<table class="table table-bordered"> <tr> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> <tr> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </table>
First Name | Last Name | Username |
---|---|---|
Mark | Otto | @mdo |
Jacob | Thornton | @fat |
Larry | the Bird |
Hover rows / class="table table-hover" †
<table class="table table-hover"> <tr> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> <tr> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </table>
First Name | Last Name | Username |
---|---|---|
Mark | Otto | @mdo |
Jacob | Thornton | @fat |
Larry | the Bird |
Condensed table / class="table table-condensed" †
<table class="table table-condensed"> <tr> <th>First Name</th> <th>Last Name</th> <th>Username</th> </tr> <tr> <td>Mark</td> <td>Otto</td> <td>@mdo</td> </tr> <tr> <td>Jacob</td> <td>Thornton</td> <td>@fat</td> </tr> <tr> <td>Larry</td> <td>the Bird</td> <td>@twitter</td> </tr> </table>
First Name | Last Name | Username |
---|---|---|
Mark | Otto | @mdo |
Jacob | Thornton | @fat |
Larry | the Bird |
Panels †
<div class="panel panel-default"> <div class="panel-heading">Panel heading without title</div> <div class="panel-body">Panel content</div> <div class="panel-footer">Panel footer</div> </div>
Panel heading without title
Panel content
<div class="panel panel-primary"> <div class="panel-heading">Panel panel-primary</div> <div class="panel-body">Panel content</div> <div class="panel-footer">Panel footer</div> </div>
Panel panel-primary
Panel content
<div class="panel panel-success"> <div class="panel-heading">Panel panel-success</div> <div class="panel-body">Panel content</div> <div class="panel-footer">Panel footer</div> </div>
Panel panel-success
Panel content
<div class="panel panel-info"> <div class="panel-heading">Panel panel-info</div> <div class="panel-body">Panel content</div> <div class="panel-footer">Panel footer</div> </div>
Panel panel-info
Panel content
<div class="panel panel-warning"> <div class="panel-heading">Panel panel-warning</div> <div class="panel-body">Panel content</div> <div class="panel-footer">Panel footer</div> </div>
Panel panel-warning
Panel content
<div class="panel panel-danger"> <div class="panel-heading">Panel panel-danger</div> <div class="panel-body">Panel content</div> <div class="panel-footer">Panel footer</div> </div>
Panel panel-danger
Panel content
List group †
<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>
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros