（四）粗体
可以使用<b>和<strong>标签让文本直接加粗
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>粗体</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<p>我在学习<strong>Bootstrap</strong>，我要掌握<strong>Bootstrap</strong>的所有知识。</p>
<!--下面是任务部分-->
<p>我是一个段落，这个段落中<b>“强调”</b>一词将会加粗显示。</p>
</body>
</html>
五（斜体）
在Bootstrap中还可以通过使用标签<em>或<i>来实现
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>斜体</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<p>我在慕课网上跟<em>大漠</em>一起学习<i>Bootstrap</i>的使用。我一定要学会<i>Bootstrap</i>。</p>
<!--下面是任务部分-->
<p>我正在学习<i>Bootstrap</i>。我发现<i>Bootstrap</i>真的好强大。</p>
</body>
</html>
六（强调相关类）
Bootstrap还定义了一套类名，这里称其为强调类名（类似前面说的“.lead”）,这些强调类都是通过颜色来表示强调，具本说明如下：
.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用黄色（#8a6d3b）
.text-danger：危险，使用褐色（#a94442）
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>强调相关的类</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<div class="text-muted">.text-muted 效果</div>
<div class="text-primary">.text-primary效果</div>
<div class="text-success">.text-success效果</div>
<div class="text-info">.text-info效果</div>
<div class="text-warning">.text-warning效果</div>
<div class="text-danger">.text-danger效果</div>
<!--下面是任务部分-->
<p class="text-danger">我是一段危险信息，请用Bootstrap框架中的危险风格显示</p>
</body>
</html
七（文本对其）
Bootstrap通过定义四个类名来控制文
.text-left：左对齐 .text-center：居中对齐 .text-right：右对齐 .text-justify：两端对齐
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>文本对齐风格</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<p class="text-left">我居左</p>
<p class="text-center">我居中</p>
<p class="text-right">我居右</p>
<p class="text-justify">There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. </p>
<!--下面是任务部分-->
<p class = "text-right">给我加个类，我就向右对齐。</p>
</body>
</html>
cfj
- 浏览: 116083 次
- 性别:
- 来自: 天津
-
最新评论
相关推荐
另外，Bootstrap还支持直接使用HTML标签`<strong>`和`<em>`（或`<i>`）来创建粗体和斜体文本，以实现基本的样式强调。 Bootstrap的强调类是其文字样式的精华所在。这些类包括： 1. `.text-muted`：用于创建提示性的...
源码解读Bootstrap排版 ...强调相关的类 强调类都是通过颜色来表示强调 .text-muted：提示，使用浅灰色（#777） .text-primary：主要，使用蓝色（#428bca） .text-success：成功，使用浅绿色(#3c763d) .tex
2. **文本样式**：通过`<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）和`<em>`（强调，通常斜体）等标签可以改变文本的显示方式。另外，`<strong>`和`<em>`在语义上更加强调，是推荐使用的HTML5元素。 3. **颜色...
2. 文本格式化标签：如`<p>`（段落）、`<b>`（粗体）、`<i>`（斜体）等。 3. 标题标签：从`<h1>`到`<h6>`，用于设定不同级别的标题。 4. 链接标签：`<a>`，用于创建内部或外部链接。 5. 图像标签：`<img>`，用于在...
2. **文本格式化**：HTML提供了一系列标签来格式化文本，如`<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）和`<em>`（强调，通常表现为斜体）等。 3. **链接**：`<a>`标签用于创建超链接，可以链接到其他网页、文件...
此外，还有用于文本格式化的标签，如到（标题）、（段落）、（粗体）、（斜体）等。 3. HTML链接与图像：标签用于创建超链接，可以链接到其他网页或者页面内的特定位置。标签用于插入图像，需要提供图片源（src）和...
3. **文本格式化**：HTML提供多种标签来格式化文本，如`<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）等。 4. **图像插入**：`<img>`标签用于插入图片，其`src`属性指定图像的URL，`alt`属性提供替代文本。 5. **...
5. **文本格式化**：HTML提供了多种元素来格式化文本，如`<b>`（粗体），`<i>`（斜体），`<u>`（下划线）和`<em>`（强调，通常表现为斜体）。 6. **图像与多媒体**：`<img>`元素用于插入图像，其`src`属性指定图像...
3. **文本格式化**：HTML提供了许多标签来格式化文本，如`<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）以及`<pre>`（预格式化文本）等。 4. **链接和导航**：`<a>`元素用于创建超链接，可以链接到其他网页、邮箱...
了解基本的Markdown语法，如#标题、*斜体*、**粗体**、`代码块`等，能帮助更好地维护和展示项目信息。 以上是对HTML基础知识的概述，实际的"chacha95.github.io"网站可能还涉及更多高级概念和技术，如框架（如...
3. **文本格式化**：HTML提供了多种元素来格式化文本，如`<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）等。 4. **图像与链接**：`<img>`元素用于插入图片，`<a>`元素用于创建超链接。 5. **表格**：`<table>`元素...