个性化阅读
专注于IT技术分析

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)
未经允许不得转载:srcmini » bootstrap容器

评论 抢沙发

评论前必须登录!