"2Fmap_v2"
Bootstrap 3.3.0 Snippet by WenChiLu

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/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-fluid text-center" style="padding-top:50px;"> <div class="row"> <div class="row setborder"> <h2 class="col-xs-2 col-xs-push-5">2F平面圖</h2> </div> <div class="row"> <div class="col-xs-6"> <div class="row"> <div class="col-xs-2 setborder height122"> <p>[222]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[222]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[222]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-1 setborder road cnaceltipbottom height122"> <br/> <p>走</p> <br/> <p>道</p> </div> <div class="col-xs-3 setborder height122"> <p>[225]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[226]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[226]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[226]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[229]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 setborder text-center road cnaceltipbottom"><p class="h4">走    道</p></div> </div> <div class="row"> <div class="col-xs-1"> <div class="row"> <div class="col-xs-9"> <div class="row"> <div class="col-xs-12 setborder" style="min-height:78px;"><p>RD試車區</p></div> <div class="col-xs-12 setborder export" style="min-height:78px;"><p>出口</p></div> </div> </div> <div class="col-xs-3"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style=" min-height:154px;"><p>走</p></div> </div> </div> </div> </div> <div class="col-xs-10"> <div class="row"> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[214]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[215]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[216]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[217]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[218]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[219]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[220]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[221]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 setborder text-center road cnaceltipbottom"><p style="font-size:16px;">走    道</p></div> </div> </div> <div class="col-xs-1"> <div class="row"> <div class="col-xs-3 road"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style=" min-height:154px;"><p>走</p></div> </div> </div> <div class="col-xs-9"> <div class="row"> <div class="col-xs-12 setborder text-center" style=" min-height:156px;"> <br/> <p>驗</p> <p>布</p> <p>區</p> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-1"> <div class="row"> <div class="col-xs-9"> <div class="row"> <div class="col-xs-12 setborder text-center" style=" min-height:244px;"> <br/> <br/> <br/> <p>大</p> <br/> <p>電</p> <br/> <p>梯</p> </div> </div> </div> <div class="col-xs-3"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style=" min-height:242px;"><p> </p></div> </div> </div> </div> </div> <div class="col-xs-10"> <div class="row"> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[206]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[207]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[208]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[209]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[210]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[211]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[212]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[213]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> </div> </div> </div> <div class="row"> <div class="col-xs-2 setborder height122"><br/><br/><p>料件擺放區</p></div> <div class="col-xs-2 setborder height122"> <p>[201]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[202]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[203]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[204]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[205]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> </div> </div> <div class="col-xs-1"> <div class="row"> <div class="col-xs-3 road"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style=" min-height:242px;"><p> </p></div> </div> </div> <div class="col-xs-9"> <div class="row"> <div class="col-xs-12 setborder text-center" style=" min-height:244px;"> <br/> <br/> <br/> <p>辦</p> <br/> <p>公</p> <br/> <p>室</p> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-1"> <div class="row"> <div class="col-xs-9"> <div class="row"> <div class="col-xs-12 setborder text-center" style="min-height:92px;"> <p>山角</p> <p>鞍座</p> <p>加工區</p> </div> </div> </div> <div class="col-xs-3"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style="min-height:90px;"><p> </p></div> </div> </div> </div> </div> <div class="col-xs-10"> <div class="row"> <div class="col-xs-12 setborder road cnaceltipbottom" style="min-height:92px;"><br/><p style="font-size:16px;">走    道</p></div> </div> </div> <div class="col-xs-1"> <div class="row"> <div class="col-xs-3 road"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style="min-height:58px;"><p> </p></div> <div class="col-xs-12 setborder road cnaceltipbottom"><p>道</p></div> </div> </div> <div class="col-xs-9"> <div class="row"> <div class="col-xs-12 setborder text-center export" style="min-height:92px;"> <br/> <p>出</p> <p>口</p> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-1"> <div class="row"> <div class="col-xs-9"> <div class="row"> <div class="col-xs-12 setborder" style="min-height:33px; background:#585"> <p>廁所</p> </div> </div> </div> <div class="col-xs-3"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road" style="border-top:0px; min-height:31px;"><p>道</p></div> </div> </div> </div> </div> <div class="col-xs-10 setborder"><p style="font-size:15px;">自  動  倉  儲</p></div> </div> </div> </div>
.setborder { border: 1px solid #939699; } .road { background:#BBB; } .cnaceltipbottom { border-top:1px solid #BBB; border-bottom:1px solid #BBB; } .export { background:yellow; } .height122 { min-height:122px; }

Related: See More


Questions / Comments: