#author("2020-04-30T07:44:43+00:00;2013-07-14T11:32:13+00:00","default:genki","genki")
#author("2020-04-30T07:46:24+00:00;2013-07-14T11:32:13+00:00","default:genki","genki")
#contents
&html{<b>aaa</b>};
#html{{ <b>aaa</b> }}
* memo [#xe82851f]
-[[MenuBar]]
-[[SideBar]]
-[[NaviList]]
-[[:Header]]
-[[:Footer]]
* idea [#t90fab63]
話題になっている健康法や医療情報のリサーチ
+ 本 → Amazonのランキング
+ Web → はてなブックマークのタグのランキング
+ ブログ → 医療従事者などのブログRSS
+ BBS
+ SNS
* CSS [#bbc692ff]
-Bootstrap 3.2.0 Documentation - BootstrapDocs http://bootstrapdocs.com/v3.2.0/docs/
** Alerts [#t572c1f3]
<div class="alert alert-success" role="alert">緑 class="alert alert-success" role="alert"</div>
#html{{
<div class="alert alert-success" role="alert">緑 class="alert alert-success" role="alert"</div>
}}
<div class="alert alert-info" role="alert">青 class="alert alert-info" role="alert"</div>
#html{{
<div class="alert alert-info" role="alert">青 class="alert alert-info" role="alert"</div>
}}
<div class="alert alert-warning" role="alert">橙 class="alert alert-warning" role="alert"</div>
#html{{
<div class="alert alert-warning" role="alert">橙 class="alert alert-warning" role="alert"</div>
}}
<div class="alert alert-danger" role="alert">赤 class="alert alert-danger" role="alert"</div>
#html{{
<div class="alert alert-danger" role="alert">赤 class="alert alert-danger" role="alert"</div>
}}
** Wells [#ua5da5f9]
<div class="well">class="well"</div>
#html{{
<div class="well">class="well"</div>
}}
<div class="well well-lg">class="well well-lg"</div>
#html{{
<div class="well well-lg">class="well well-lg"</div>
}}
<div class="well well-sm">class="well well-sm"</div>
#html{{
<div class="well well-sm">class="well well-sm"</div>
}}
** Tables [#i3d28041]
*** Basic example / class="table" [#m7808e0f]
<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>
#html{{
<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>
}}
*** Striped rows / class="table table-striped" [#d7ec9fe5]
<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>
#html{{
<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>
}}
*** Bordered table / class="table table-bordered" [#ka1f3400]
<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>
#html{{
<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>
}}
*** Hover rows / class="table table-hover" [#dc74e36a]
<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>
#html{{
<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>
}}
*** Condensed table / class="table table-condensed" [#e41fe0a2]
<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>
#html{{
<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>
}}
** Panels [#xd184fa1]
<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>
#html{{
<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>
}}
<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>
#html{{
<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>
}}
<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>
#html{{
<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>
}}
<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>
#html{{
<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>
}}
<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>
#html{{
<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>
}}
<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>
#html{{
<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>
}}
** List group [#v3c271bd]
<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>
#html{{
<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>
}}
//----
//RIGHT:since 2013/07/14 -