Bootstrap

Bootstrap

class="container-fluid" #使用bootstrap #图片自适应窗口大小 class="text-center" #文本居中 #使用bootstrap的默认按钮,并使其成为块级元素,占满页面整个水平空间

Bootstrap 具有一套 12 列的响应式栅格系统,可以轻松的将多个元素放入一行并指定它们的相对宽度。 Bootstrap 的大部分 class 属性都可以应用在 div 元素上。

Bootstrap 的列宽取决于用户的屏幕宽度。 比如,手机有着窄屏幕而笔记本电脑有者更大的屏幕.

就拿 Bootstrap 的 col-md-* class 来说。 在这里, md 表示 medium (中等的), 而 * 是一个数字,说明了这个元素占有多少个列宽度。 这个例子就是指定了中等大小屏幕(例如笔记本电脑)下元素所占的列宽度。

Font Awesome库是一个丰富的图片库

所有文本输入类的元素如 input,textarea 和 select 只要设置 .form-control class 就会占满100%的宽度。
Bootstrap 有一个叫作 well 的 class,作用是使界面更具层次感。

posted @ 2022-06-04 20:00  PatrickLee7  阅读(41)  评论(0)    收藏  举报