bootstrap容器

本文概述

在Bootstrap中,容器用于设置内容的页边距,以处理布局的响应行为。它包含行元素,而行元素是列的容器(称为网格系统)。

容器类用于创建装箱的内容。

Bootstrap中有两个容器类:

  1. 容器
  2. 容器液

请参阅容器的基本布局:

<html>
 <body>
  <div class="container">
   <div class="row">
     <div class="col-md-xx"></div>
       ...
   </div>
   <div class="row">
     <div class="col-md-xx"></div>
       ...
   </div>
  </div>
 </body>
</html>

boostrap容器示例

<!DOCTYPE html>
<html lang="en">
  <head>
     <title>Job</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
  </head>
  <body>

<div class="container">  
  <h1>Container</h1>  
  <p>container content</p>
</div>  
  
<div class="container-fluid">  
  <h1>Container-fluid</h1>  
  <p>container-fluid content</p>
</div> 

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  </body>
</html>
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?