ASP.NET学习记录（2019.05.02）

最新推荐文章于 2020-07-17 19:45:02 发布

不惧神风

最新推荐文章于 2020-07-17 19:45:02 发布

阅读量140

点赞数

本文链接：https://blog.csdn.net/w8692736/article/details/89761771

版权

常用Bootstrap样式汇总（持续更新）

class .container：通常用在最外围的div中，会根据屏幕大小改变左右margin值，但无论何时都有一个值为15px左右的内边距。建议在任何时候都用它修饰页面。如果想消除这15px的影响，可以使class .row，亦可以用class .container-fluid。
class .row：通过row类我们可以将其所在的div内容归在一行中，它必须放在container内以修饰水平组件，与class .col-xx-x共同使用以搭建页面网格系统。
class .col-xx-x：用于划分列的宽度和要适用的屏幕大小，具体可参考该链接 Bootstrap 网格系统 | 菜鸟教程。
class .jumbotron：超级大的标题样式，使div的上下内边距加大到30px，class .jumbotron和class .container的内外套用顺序的不同会有不一样的呈现效果，各位可以尝试一下。

class .form与class .form-horizontal：用于修饰表单组件，若想使用form-group之类的元素建议在其外围div中先使用class .form，如果想创建水平表单，可以使用class .form-horizontal。
class .form-control：用于修饰input标签，在ASP.NET中也可用于修饰<asp:TextBox>等一众组件，它会让输入框出现一个半径4px的圆角，且在获得焦点的时候出现浅色阴影。
class .form-group：可以用于表单中的分行，如果想让标签和输入框维持在同一行，需将其放在同一个被form-group修饰的div中。建议每一组文本及其对应的文本框都放在一个form-group里。
class. control-label：可用于修饰Label等组件，使文本右对齐。
class .btn和class .btn-default：可用于修饰按钮组件，前者使按钮拥有基本的外观修饰，后者则是标准的按钮样式。它使按钮具有圆角，鼠标停留和触发点击事件时都有简单的颜色变化效果。

class .navbar和class .navbar-default：一个标准的导航栏组件，生成一个带有浅色底色和圆角的导航栏，使用class .active时可使按钮呈现激活样式。
class .navbar-header和class .navbar-brand：为导航栏创建一个头部组件，该组件可以是个链接也可以只是个标签，并使该组件字号放大显示在第一个。
class .nav和class .navbar-nav：生成基本的导航栏按钮样式