什么是Bootstrap？
引导程序是一个免费的开源框架，使用HTML，CSS和JS构建，用于开发响应式web设计。它提供了一个非常强大的框架，旨在促进更快，更轻松的web开发。
一点点历史
Bootstrap由Twitter的Mark Otto和Jacob Thornton开发，两人希望避免内部工具创建过程中的不一致之处。以前，Twitter内部的各个团队都没有使用一套代码结构，这导致该公司开发了最初称为 “Twitter蓝图” 的框架。所有开发人员在构建新工具时，都可以在公司范围内无缝地使用此标准。在2011Twitter Blueprint作为GitHub上的开源项目 “bootstrap” 发布。从那时起，它一直由Mark Otto和Jacob Thornton以及一个大型开源开发人员社区维护。 在2012 ，Bootstrap 2发布了12列网格布局和大量可重用组件。在2013 ，Bootstrap 3发布了平面设计，并支持移动第一设计。Bootstrap为web开发提供了十几个可重用的组件，这些组件完全可重用且易于定制。无论您是希望使用组件的用户界面还是其功能，都可以通过分别自定义其底层CSS和JavaScript来实现。Bootstrap提供了一些在任何正常的web应用程序中使用的基本组件，如下拉菜单，按钮组，面包屑，标签，页面标题，列表组等，以及更高级的组件，如手风琴，面板，进度条，Glyphicons等。您可以在bootstrap over下查看可用组件这里。在这篇文章中，我们将解释如何使用Bootstrap在n ASP.net MVC应用程序。
开始
安装使用Nuget默认情况下，Bootstrap可用于Visual studio 2013和ASP.Net MVC 5。有一个Nuget包可用于引导 (我有3.0.0版安装) 
安装手动您也可以手动下载引导从这里。提取文件，您应该看到提取的zip的以下文件夹结构。 Bootstrap-3.3.5-dist1.css 2.字体 3.js 安装使用Bower$ bower安装引导安装使用npm$ npm安装引导
关于网格
使用Bootstrap网格系统，我们可以轻松创建页面布局结构。使用Bootstrap 3，可以创建动态和响应式页面布局，并根据台式机，平板电脑或手机等不同设备扩展约12列。 Bootstrap为每种类型的设备提供不同的类。下面是用于不同类型的设备的类的前缀:
| 设备类型 | 类前缀 | 决议 |
| 超小型设备 (手机) | 。col-xs- | <768px |
| 小型设备 (平板电脑) | 。col-sm- | > 768px |
| 中型设备 (笔记本电脑) | 。col-md- | > 992px |
| 大型设备 (台式机) | 。col-lg- | > 1200px |
现在假设我们要创建一个包含2列的页面布局。我们的div结构看起来像这样，
| <div class = “container”> <div class = “row”> <div> 行1列1</div> <div> 第1行第2列 </div> </div> <span style = “font-size:9pt;”> <div class = “row”> <div> 行2列1</div> <div> 行2列2</div> </div> </div> |
所以，如果我们使用类前缀作为Col-xs-对于每个列div，Bootstrap将不仅适用于额外的小型设备，而且适用于小型，中型和大型设备-这是非常整洁的。 现在，如果我们想在Bootstrap中并排显示列，我们必须根据要支持的设备标记div样式。出于演示目的，我们将支持所有设备类型，因此我们将使用类前缀作为.col-xs-*。此外，由于Bootstrap在布局中支持12列，因此类中的 * 必须替换为小于12的数字，并且特定行中的所有列前缀 (*) 总计应为12。
| <div class = “container”> <div class = “row”> <div类=“col-sm-6”> 第1行第1列 </div> <div <span style = "font-size:10pt;"> 类=“col-sm-6”> 第1行第2列 </div> </div> <div class = “row”> <div类=“col-sm-3”> 行2第1列 </div> <div 类=“col-sm-9”> 第2行第2列 </div> </div> </div> |
因此，在这种情况下，第一行将具有两列宽度的比率1:1，第二行将具有3:9比率的列。通过这种方式，我们可以使用Bootstrap创建支持12列的页面布局。
有用的工具
以下工具对于开发人员使用Bootstrap构建应用程序的用户界面非常有用。您可以将线材框架工具留在后面，而改用下列工具之一: 1.喷射带-这是Bootstrap的首要界面构建工具。它100% 基于web，提供各种代码片段，您可以快速使用复杂的组件。您可以拖放元素并创建响应式设计，并可以创建一个具有无限屏幕的免费项目。 2.白利糖量-这也是100% 基于web的，并提供了各种现成的模板，除了可重用的组件。您可以选择其中一个模板并根据需要开始自定义。现场测试功能在这个网站上非常有用。 3.Bootsnipp-Bootsnipp为您提供了一个基于web的工具，用于创建引导屏幕。除了模板之外，它还提供了各种表单，这些表单通常用于登录，注册，联系等应用程序中。它还有一个非常敏感的可编辑网格和电子邮件模板。
Bootstrap使web开发变得容易!
使用Bootstrap，具有响应式设计的web开发要容易得多。随着Microsoft直接在Visual Studio中提供对Bootstrap的支持，它的使用和受欢迎程度在去年有所增长，并且对很多人都很有帮助: 1.适用于所有设备的一个框架-使用Bootstrap响应式设计，您可以为您的网页提供对不同设备的支持 2.浏览器支持-Bootstrap适用于所有现代浏览器，如Mozilla Firefox，Google Chrome，Safari，Internet Explorer和Opera。您可以找到有关浏览器支持的更多信息这里。3.快速启动-随着框架已经到位，开发人员可以直接进入开发与可用的引导模板 4.JavaScript、HTML5和CSS3-Bootstrap基于HTML5，CSS3和JavaScript构建，因此不需要复杂技术的知识即可使用Bootstrap 5.开源-它可以免费使用，并得到大型开发人员社区的支持和支持。
使用AngularJS指令、Bootstrap支持和Microsoft MVC服务器端小部件创建高性能、触摸优先、响应式应用。下载Ignite UI今天为您的高需求的数据需求。
</p