Bootstrap(四)柵格系統
阿新 • • 發佈:2018-12-13
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="bootstrap-4.1.3-dist/css/bootstrap.min.css"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 禁用縮放 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> --> <title>Title</title> </head> <body> <div class="container"> <div class="row"> <div class="col-md-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> <div class="col-1"> 1格 </div> </div> <div class="row"> <div class="col-4"> 4格 </div> <div class="col-6"> 6格 </div> <div class="col-2"> 2格 </div> </div> <div class="row"> <div class="col-4"> 4格 </div> <div class="col-7"> 7格 <div class="row"> <div class="col-4"> 內嵌 4 格 </div> <div class="col-4"> 內嵌 4 格 </div> <div class="col-4"> 內嵌 4 格 </div> </div> </div> </div> </div> </body> </html>