Bootstrap3 排版之个人学习笔记

本文介绍了使用Bootstrap3进行网页排版的方法,包括标题、文本样式、列表、引用语等元素的样式调整,并展示了如何利用各类CSS类实现美观且响应式的布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Bootstrap3 排版

标签(空格分隔): Bootstrap


小结

  • 标题 h1~h6 small
  • 页眉 .page-header
  • 正文 .lead 强调开头的文字
  • 内联文本 <del> <em> <ins> <mark> <s> <strong> <u>
  • 元素对齐
  • 文本元素转换
  • 改变文本和背景颜色
  • 其他文本块 <code> <kbd> <pre> <samp> <var>
  • 引用语 <blockquote>
  • 列表 .list-unstyled .list-inline .dl-horizontal
  • 缩略语 <abbr>
  • 地址 <address>

Bootstrap样式类

CSS类描述
.bg-danger改变背景颜色
.bg-info
.bg-success
.bg-warning
.blockquote左对齐引用语
.blockquote-reverse右对齐引用语
.center-block居中块元素
.dl-horizontal将定义列表转换为水平显示
.h1, .h2, .h3, .h4, .h5, .h6创建内联标题
.initialism稍微减小缩略语的字体
.lead使页面的重要文本变得更大
.list-inline创建内联列表
.list-unstyled删除左外边距和列表样式
.page-header在页面上创建一个页眉
.pre-scrollable<pre>块的max-height设置为350px并添加滚动条
.pull-left向左浮动显示元素
.pull-right向右浮动显示元素
.small稍微缩小字体
.text-capitalize每个单词的第一个字母大写
.text-uppercase每个字母转为大写
.text-lowercase
.text-center居中文本
.text-danger设置文本颜色以表示危险
.text-hide隐藏文本创建图像替代
.text-info
.text-justify整理文本
.text-left
.text-right
.text-muted设置文本颜色 淡化
.text-nowrap关闭文本卷绕
.text-primary文本颜色 主要
.text-success设置文本颜色以表示成功
.text-warning表示警告颜色
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值