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 @   PatrickLee7  阅读(36)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 一文读懂知识蒸馏
· 终于写完轮子一部分:tcp代理 了,记录一下
点击右上角即可分享
微信分享提示