Bootstrap系列 -- 3. 段落

简介: 一. 段落基本用法   1. 段落使用标签   2. 段落全局使用font-size=14px字体   ..... 更多请使用Firefox 查看 华盛顿大学和清华大学共同在西雅图发起了一个合作办学项目,关注科技和设计进步。

 

一. 段落基本用法

  1. 段落使用<p>标签

  2. 段落全局使用font-size=14px字体

  ..... 更多请使用Firefox 查看

<p>
        华盛顿大学和清华大学共同在西雅图发起了一个合作办学项目,关注科技和设计进步。对中美两国来说,技术近年来已经是关键点。本项目由微软出资 4000 万美元赞助。
    </p>

 

二. 强调段落文本

  可以使用class=lead 来强调段落文本,具体参考代码如下

<p>
        华盛顿大学和清华大学共同在西雅图发起了一个合作办学项目,关注科技和设计进步。对中美两国来说,技术近年来已经是关键点。本项目由微软出资 4000 万美元赞助。
</p>
<p class="lead">
        华盛顿大学和清华大学共同在西雅图发起了一个合作办学项目,关注科技和设计进步。对中美两国来说,技术近年来已经是关键点。本项目由微软出资 4000 万美元赞助。
</p>

  效果图如下


三. 其他方式的段落强调

  也可以使用<strong>,<b>,<em>,<i> 等来强调段落文本内容

相关文章
N..
|
5月前
|
开发框架 前端开发 容器
Bootstrap排版
Bootstrap排版
N..
38 0
|
前端开发 JavaScript 容器
Bootstrap 列表样式
Bootstrap 列表样式
62 0
|
5月前
|
前端开发 JavaScript 容器
bootstrap样式
bootstrap样式
|
前端开发
Bootstrap样式(下)
Bootstrap样式(下)
|
开发框架 前端开发 JavaScript
|
前端开发 Java Python
Bootstrap学习笔记3--图片样式
看到他们一个个的编辑器用起来感觉好炫酷,心想一定要找个最最最适合自己的软件。抱着这种心态把所有编辑器轮流安装用了一圈。可安装完才想起来,公司最近查的紧,严禁使用未申报的软件,回过头来还是接着用Sublime Text3吧...
151 0
|
Web App开发 前端开发 JavaScript
Bootstrap系列 -- 2. 标题
一. Bootstrap标题   在Bootstrap中使用标题和Html本身没有太大的区别使用h1-h6, 而Bootstrap只是默认修改了H1-h6的样式,网上找到如下资料参考      二. Bootstrap 标题的修改   1. 重新设置了margin-top和margin-bottom的值,  h1~h3重置后的值都是20px;h4~h6重置后的值都是10px     2. 所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的颜色和字体。
1161 0
|
前端开发
Bootstrap系列 -- 4. 文本内容强调
一. 文本强调基本样式   .text-muted:提示,使用浅灰色(#999)   .text-primary:主要,使用蓝色(#428bca)   .text-success:成功,使用浅绿色(#3c763d)   .
832 0
|
前端开发
Bootstrap系列 -- 9. 表格
一. Bootstrap 表格样式支持   Bootstrap提供了六种不同风格的样式支持,其中一个基础样式,4个附件样式,1个响应式设计样式   1. .table:基础表格   2. .
1190 0
|
Web App开发 前端开发
Bootstrap系列 -- 39. 导航条添加标题
  在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过“navbar-header”和“navbar-brand”来实现。
664 0