ITPub博客

首页 > IT职业 > IT图书 > 玩转Bootstrap基础——排版

玩转Bootstrap基础——排版

IT图书 作者:lihui48 时间:2021-09-09 09:04:44 0 删除 编辑

副标题

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

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

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

我正在学习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轴出现滚动条。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1469/viewspace-2807915/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    108
  • 访问量
    693