栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

BootStrap排版 常用属性

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

BootStrap排版 常用属性

5.排版

5.1 标题

h1到h6正常使用,并且提供了.h1到.h6类,为的是给内联(inline)属性的文本赋予标题的样式。

副标题可以使用标签或者.small类来设置副标题。

5.2 中心内容

通过.lead让段落突出显示

5.3 对齐

可以使用style的text-algin,也可以使用bootstrap提供的4个类

.text-left 文本左对齐

.text-right 文本右对齐

.text-center 文本居中

.text-justify 文本两端对齐

5.4 强调

本行内容是减弱的

本行内容带有一个 primary class


本行内容带有一个 success class


本行内容带有一个 info class


本行内容带有一个 warning class


本行内容带有一个 danger class

其实就是给文本加颜色。

5.5 列表

我们有一个无序列表

  • html
  • css
  • js

BootStrap给我们提供了一些类

.list-unstyled去除无序列表前面的点,和浮动,相当于原生js里面的

.list{

list-style: none;

margin: 0;

padding: 0;

}

.list-inline把垂直列表变为水平,并且把点去掉,去除浮动

定义列表

前端

Html,css,js

框架

Vue,jquery,BootStrap

.dl-horizontal把定义的列表变为水平

前端

Html,css,js

框架

Vue,jquery,BootStrap

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/300533.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号