栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > Bootstrap教程

玩转Bootstrap基础——排版

玩转Bootstrap基础——排版

副标题

我是一个普通的段落,我不需要强调显示

这部分内容需要特别的强调,我和别人长得不一样

我是一个段落,这个段落中“强调”一词将会加粗显示。

我正在学习Bootstrap。我发现Bootstrap真的好强大。

强调相关的类:

.text-muted:提示,使用浅灰色(#999)
.text-primary:主要,使用蓝色(#428bca)
.text-success:成功,使用浅绿色(#3c763d)
.text-info:通知信息,使用浅蓝色(#31708f)
.text-warning:警告,使用黄色(#8a6d3b)
.text-danger:危险,使用褐色(#a94442

文本对齐风格:

我居左

我居中

我居右

我两端对齐

去点的项目列表 .list-unstyled

  • 不带项目符号
  • 不带项目符号

内联列表

添加类名“.list-inline”来实现内联列表,简单点说就是把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示。

  • 北京
  • 上海
  • 南京
  • 厦门

水平定义列表

水平定义列表就像内联列表一样,Bootstrap可以给

添加类名“.dl-horizontal”给定义列表实现水平显示效果。
添加了一个媒体查询。也就是说,只有屏幕大于768px的时候,添加类名“.dl-horizontal”才具有水平定义列表效果

元素一般用于显示大块的代码,并保证原有格式不变。但有时候代码太多,而且不想让其占有太大的页面篇幅,就想控制代码块的大小。Bootstrap也考虑到这一点,你只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px一旦超出这个高度,就会在Y轴出现滚动条

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

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

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