ASP.NET学习记录（2019.05.13）

一、Bootstrap的套用顺序

        Bootstrap的样式十分好用，就是常常整不清使用顺序，结果使得组件出现在了不该出现的地方。为了避免混乱，以下是一个简单的表单样式使用顺序说明（如有错误，望各位指正）：

• 优先确定行样式 .row。Bootstrap使用网格系统规定组件的位置和长宽，先定义row以确保同一行的组件可以被显示在一起。
• 其次定义行内各组件模块占据的列数 .col-xx-x。一般情况下我们会将一些组件配合使用以实现一个功能。比如在登录页面中，我们使用复数个输入框和标签以及登录按钮组成一个登录模块，在登录模块的右侧通过<img>或是其他以显示欢迎信息。那么这里我们就可以划分两个div，一个是“Login”一个是“Welcome”，他们分别占据相应的列数。
• 如果我们已经用 .form-horizontal修饰了<form>，那我们最好使用 .form-group修饰表单内的div。.form-horizontal可以用于水平显示的表单，这个表单的每一行都是一个group，所以我们应该使用 .form-group修饰组件，这可以让我们的页面看上去更有层次感。
• 放在 .form-group里面的是最基本的组件，根据使用的组件决定它们的样式。比如label可以使用 .control-label，输入框可以使用 .form-control（任意类型都可以），对警告性文本可以使用 .text-danger等等。不过不管是哪个，都必须加上col-xx-xx以确定它们在单个group中占据的长度。
• 请注意，我们不能对<input>标签使用col-xx-x。emm……虽然我不知道该怎么解释原因，但直接对它使用的话会没有效果，也许和样式本身有关。

        不过不管套用的是什么样式，我们都应该用div将各个模块划分清楚，可以通过先划分模块再填写内容的自顶向下的方式来开发页面。【友情提示，最好不要轻易混用样式，可能会有不可预测后果出现。】