<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <h3 style="float:left;">405동 휴지현황</h3> <div style="margin-bottom:40px; margin-top:7px; margin-left:400px;"> <div><span class="label label-success"> 휴지있음</div> <div><span class="label label-important"> 휴지없음</div> </div> <div class="row"> <div class="span5"> <table class="table table-striped table-condensed"> <thead> <b>405동 1층</b> </thead> <tbody> <tr> <td>중앙</td> <td>남자</td> <td>입구</td> <td><span class="label label-success">칸1</span> <td><span class="label label-important">칸2</span> <td><span class="label label-success">칸3</span> <td><span class="label label-important">칸4</span> <td><span class="label label-success">칸5</span> </td> </tr> <tr> <td>중앙</td> <td>여자</td> <td>입구</td> <td><span class="label label-important">칸1</span> <td><span class="label label-important">칸2</span> <td><span class="label label-success">칸3</span> <td><span class="label label-important">칸4</span> <td><span class="label label-success">칸5</span> </td> </tr> <tr> <td>서편</td> <td>남자</td> <td>입구</td> <td><span class="label label-success">칸1</span> <td><span class="label label-success">칸2</span> <td><span class="label label-success">칸3</span> <td><span class="label label-important">칸4</span> <td><span class="label label-important">칸5</span> </td> </tr> </tbody> </table> <table class="table table-striped table-condensed"> <thead> <b>405동 2층</b> </thead> <tbody> <tr> <td>중앙</td> <td>남자</td> <td>입구</td> <td><span class="label label-success">칸1</span> <td><span class="label label-important">칸2</span> <td><span class="label label-success">칸3</span> <td><span class="label label-important">칸4</span> <td><span class="label label-success">칸5</span> </td> </tr> <tr> <td>중앙</td> <td>여자</td> <td>입구</td> <td><span class="label label-important">칸1</span> <td><span class="label label-important">칸2</span> <td><span class="label label-success">칸3</span> <td><span class="label label-important">칸4</span> <td><span class="label label-success">칸5</span> </td> </tr> <tr> <td>서편</td> <td>남자</td> <td>입구</td> <td><span class="label label-success">칸1</span> <td><span class="label label-success">칸2</span> <td><span class="label label-success">칸3</span> <td><span class="label label-important">칸4</span> <td><span class="label label-important">칸5</span> </td> </tr> </tbody> </table> </div> </div> </div>