![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
文章平均质量分 80
M78_国产007
前端越学越不懂 难受嗷
展开
-
bootStrap常用样式
为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格: .text-left:左对齐.text-center:居中对齐.text-right:右对齐.text-justify:两端对齐。在网页中我们想要将文本中的代码部分凸显出来,一般设置为高亮,如我们的博客中添加的代码片段就是这种效果,bootstrap为我们提供了这样的标签、同时提供了对应的类名,为非标题元素设置样式.h1~ . h6同样可以达到标题的效果。原创 2022-08-24 00:58:22 · 1745 阅读 · 0 评论 -
bootStrap的布局容器和网格系统
列用.col-xs-数值(列数)、.col-sm-数值、.col-md-数值、.col-lg-数值 类,分别对应超小屏(自动)、小屏(750px)、中屏(970px)、大屏(1170px);就是改变左右浮动,并且设置浮动的距离,通过给列标签添加类名col-md-pull-数值(向左浮动一定数值的列数)和col-md-push-数值(向右浮动一定数值的列数)实现。不同的设备分辨率不同,如果我们在设置列的时候固定了col-类型,如col-md-*,那么当我们用移动端设备打开时不会达成我们想要的结果。原创 2022-08-23 23:35:42 · 728 阅读 · 0 评论