bootstrap容器 bootstrap容器|Bootstrap教程

本文概述

boostrap容器示例

在Bootstrap中，容器用于设置内容的页边距，以处理布局的响应行为。它包含行元素，而行元素是列的容器（称为网格系统）。
容器类用于创建装箱的内容。
Bootstrap中有两个容器类：

容器
容器液

【bootstrap容器】请参阅容器的基本布局：

< 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="http://img.readke.com/220416/150JH3B-1.jpg">< /script> < /body> < /html>