"3Fmap_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" style="padding-top:50px;"> <div class="row text-center"> <div class="row setborder"> <h2 class="col-xs-2 col-xs-push-5">3F平面圖</h2> </div> <div class="row"> <div class="col-xs-2 setborder height98"><br><br><p>龜蓋組立區</p></div> <div class="col-xs-2 setborder height98"><br><br><p>護網待出貨區</p></div> <div class="col-xs-1 setborder road cnaceltipbottom height98"><br><br><p>走</p></div> <div class="col-xs-2 setborder height98"><br><br><p>辦公室</p></div> <div class="col-xs-2 setborder height98"><br><br><p>護網加工區</p></div> <div class="col-xs-3 "> <div class="row"> <div class="col-xs-12 setborder"><p>料件暫存區</p></div> </div> <div class="row"> <div class="col-xs-12 setborder road cnaceltipbottom"><p>走道</p></div> </div> <div class="row"> <div class="col-xs-9 setborder" style="min-height:34px;"><p>下菱角圈</p></div> <div class="col-xs-1 setborder road cnaceltipbottom" style="min-height:34px;"><p> </p></div> <div class="col-xs-2"> <div class="row"> <div class="col-xs-6 setborder" style="border-bottom:0px; min-height:34px;"><p> </p></p></div> <div class="col-xs-6 setborder" style="border-bottom:0px; min-height:34px;"><p> </p></div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-1"> <div class="row"> <div class="col-xs-8"> <div class="row"> <div class="col-xs-12"> <div class="row"> <div class="col-xs-12 setborder" style="min-height:78px;"> <p>加工</p> <p>區</p> </div> </div> </div> <div class="col-xs-12"> <div class="row"> <div class="col-xs-12 setborder export" style="min-height:79px;"> <p>出</p> <p>口</p> </div> </div> </div> </div> </div> <div class="col-xs-4"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style="min-height:155px;"><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-2 setborder height122"> <p>[329]</p> <p>A1501221</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[330]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[331]</p> <p>A1501223</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder road cnaceltipbottom height122"><p><br><br>道</p></div> <div class="col-xs-2 setborder height122"> <p>[332]</p> <p>A1501309</p> <p>2299</p> <p>(Error)</p> </div> <div class="col-xs-2 setborder height122"> <p>[333]</p> <p>A1501310</p> <p>2233(2121)</p> <p>(Waitting)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[334]</p> <p>A1501301</p> <p>2123</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[335]</p> <p>A1501302</p> <p>2123</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[336]</p> <p>A1501303</p> <p>2124</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[337]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[338]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[339]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[340]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[341]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 setborder road cnaceltipbottom height35" style=" border-right:1px solid #BBB;"><p style="font-size:16px;">走道</p></div> </div> </div> <div class="col-xs-1"> <div class="row"> <div class="col-xs-3"> <div class="row"> <div class="col-xs-12 setborder height122"><p>工具車</p></div> <div class="col-xs-12 setborder road cnaceltipbottom height35" style=" border-left:1px solid #BBB;"><p> </p></div> </div> </div> <div class="col-xs-3 road"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom height155"><p> </p></div> </div> </div> <div class="col-xs-3"> <div class="row"> <div class="col-xs-12 setborder height155" style="border-top:0px;"><p>針筒暫存區</p></div> </div> </div> <div class="col-xs-3"> <div class="row"> <div class="col-xs-12 setborder height155" style="border-top:0px;"><p>加工區</p></div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-1"> <div class="row"> <div class="col-xs-8"> <div class="row"> <div class="col-xs-12 setborder" style="min-height:279px;"> <br><br><br><br> <p>大</p> <p>電</p> <p>梯</p> </div> </div> </div> <div class="col-xs-4"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style="min-height:277px;"><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-2 setborder height122"> <p>[315]</p> <p>A1501352</p> <p>2321</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[316]</p> <p>A1501351</p> <p>2321</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[331]</p> <p>A1501223</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[331]</p> <p>A1501223</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[332]</p> <p>A1501309</p> <p>2299</p> <p>(Error)</p> </div> <div class="col-xs-2 setborder height122"> <p>[333]</p> <p>A1501310</p> <p>2233(2121)</p> <p>(Waitting)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[334]</p> <p>A1501301</p> <p>2123</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[335]</p> <p>A1501302</p> <p>2123</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[336]</p> <p>A1501303</p> <p>2124</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[337]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[338]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[339]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[340]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[341]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-6"> <div class="row"> <div class="col-xs-2 setborder height122"> <p>[329]</p> <p>A1501221</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[330]</p> <p>A1501222</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[331]</p> <p>A1501223</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[331]</p> <p>A1501223</p> <p>2121</p> <p>(Running)</p> </div> <div class="col-xs-2 setborder height122"> <p>[332]</p> <p>A1501309</p> <p>2299</p> <p>(Error)</p> </div> <div class="col-xs-2 setborder height122"> <p>[333]</p> <p>A1501310</p> <p>2233(2121)</p> <p>(Waitting)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[334]</p> <p>A1501301</p> <p>2123</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[335]</p> <p>A1501302</p> <p>2123</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[336]</p> <p>A1501303</p> <p>2124</p> <p>(Running)</p> </div> <div class="col-xs-3 setborder height122"> <p>[337]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-3 setborder height122"> <p>[338]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[339]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[340]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> <div class="col-xs-3 setborder height122"> <p>[341]</p> <p>A1501303</p> <p>2125</p> <p>(Finish)</p> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 setborder road cnaceltipbottom height35" style=" border-right:1px solid #BBB;"><p style="font-size:16px;">走道</p></div> </div> </div> <div class="col-xs-1"> <div class="row"> <div class="col-xs-3"> <div class="row"> <div class="col-xs-12 setborder height122"><p>工具車</p></div> <div class="col-xs-12 setborder height122"><p>馬達加工區</p></div> <div class="col-xs-12 setborder road cnaceltipbottom height35" style=" border-left:1px solid #BBB;"><p> </p></div> </div> </div> <div class="col-xs-3 road"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom" style="min-height:277px;"><p> </p></div> </div> </div> <div class="col-xs-6"> <div class="row"> <div class="col-xs-12 setborder" style="border-top:0px; min-height:139px;"> <br> <p>休</p> <p>息</p> <p>室</p> </div> <div class="col-xs-12 setborder" style="border-top:0px; min-height:140px;"> <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-8"> <div class="row"> <div class="col-xs-12 setborder"><p>倉庫間</p></div> </div> </div> <div class="col-xs-4"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road cnaceltipbottom"><p> </p></div> </div> </div> </div> </div> <div class="col-xs-10 setborder"><p style="font-size:15px;">料  件  暫  存  區</p></div> <div class="col-xs-1 setborder export" style="min-height:33px;"><p>出口</p></div> </div> <div class="row"> <div class="col-xs-1"> <div class="row"> <div class="col-xs-8"> <div class="row"> <div class="col-xs-12 setborder" style="min-height:33px; background:#585"><p>廁所</p></div> </div> </div> <div class="col-xs-4"> <div class="row cnaceltipbottom"> <div class="col-xs-12 setborder road" style="border-top:0px; min-height:33px;"><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; } .cnacelall { border:1px solid #BBB; } .export { background:yellow; } .height34 { min-height:34px; } .height35 { min-height:35px; } .height78 { min-height:78px; } .height79 { min-height:79px; } .height98 { min-height:98px; } .height122 { min-height:122px; } .height155 { min-height:155px; }

Related: See More


Questions / Comments: