ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素

Bootstrap提供了一套丰富CSS设置、HTML元素以及高级的栅格系统来帮助开发人员快速布局网页。所有的CSS样式和HTML元素与移动设备优先的流式栅格系统结合，能让开发人员快速轻松的构建直观的界面并且不用担心在较小的设备上响应的具体细节。

Bootstrap 栅格（Grid）系统

在移动互联网的今天，越来越多的网站被手机设备访问，移动流量在近几年猛增。Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。

栅格参数

Bootstrap 3提供了一系列的预定义class来指定列的尺寸，如下所示：

Bootstrap 栅格系统被分割为12列，当布局你的网页时，记住所有列的总和应该是12。为了图示，请看如下HTML所示：

<div class="container">  <div class="row">    <div class="col-md-3" style="background-color: green;">      <h3>green</h3>    </div>    <div class="col-md-6" style="background-color: red;">      <h3>red</h3>    </div>    <div class="col-md-3" style="background-color: blue;">      <h3>blue</h3>    </div>  </div></div>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素

关键词：ASP.NET