`

bootstrap20180527-副标题

css 
阅读更多
<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1>

常见的使用

<small>本行内容是在标签内</small><br>
<strong>本行内容是在标签内</strong><br>
<em>本行内容是在标签内,并呈现为斜体</em><br>
<p class="text-left">向左对齐文本</p>
<p class="text-center">居中对齐文本</p>
<p class="text-right">向右对齐文本</p>
<p class="text-muted">本行内容是减弱的</p>
<p class="text-primary">本行内容带有一个 primary class</p>
<p class="text-success">本行内容带有一个 success class</p>
<p class="text-info">本行内容带有一个 info class</p>
<p class="text-warning">本行内容带有一个 warning class</p>
<p class="text-danger">本行内容带有一个 danger class</p>
分享到:
评论

相关推荐

    Bootstrap开发指南英语文字版

    - **排版**:展示了如何使用Bootstrap提供的排版类来设置文本,例如标题、副标题和正文。 - **强调文本**:介绍了用于强调文本的样式,包括粗体、斜体和使用强调类。 - **列表**:演示了如何利用Bootstrap的类快速...

    BootStrap学习手册.pdf

    此外,还支持在标题标签中使用“small”类来创建副标题效果。 文本处理方面,Bootstrap包括对内联文本的特定处理,例如使用“text-nowrap”类名来防止文本换行。另外,文本对齐方式也是可配置的,包括居中、居右和...

    BootStrap3开发文档

    - **副标题**:使用`&lt;small&gt;`标签来创建较小的文本。 - **强调文本**:通过`.lead`类让文本更加突出,通常用于页面介绍段落。 - **文本颜色**:使用如`.text-muted`、`.text-primary`等类来改变文本颜色。 - **对齐...

    全面解析Bootstrap排版使用方法(标题)

    &lt;h1&gt;Bootstrap标题一我是副标题&lt;/small&gt;&lt;/h1&gt; &lt;h2&gt;Bootstrap标题二我是副标题&lt;/small&gt;&lt;/h2&gt; &lt;h3&gt;Bootstrap标题三我是副标题&lt;/small&gt;&lt;/h3&gt; &lt;h4&gt;Bootstrap标题四我是副标题&lt;/small&gt;&lt;/h4&gt; &lt;h5&gt;Bootstrap标题五我是副...

    Bootstrap入门书籍之(一)排版

    此外,Bootstrap还允许在标题中嵌套标签来创建副标题,副标题通常用较小的字体和灰色显示,以区分主标题。 2. 正文文本 Bootstrap对正文文本的默认样式包括14px的字体大小,1.42867143的行高,以及#333的字体颜色。...

    Bootstrap前端框架.docx

    除了基本标题,Bootstrap还提供了创建副标题的功能。通过使用`&lt;small&gt;`标签或`.small`类,可以在标题后添加较小的副标题。副标题的特性如下: 1. 行高设为1,字体加粗效果被移除,即`font-weight`设为normal,颜色...

    bootstrap首页制作

    它可以包含大标题、副标题和图片,创造出强烈的视觉冲击力。 6. **卡片(Card)**:Bootstrap的卡片组件非常适合展示内容块,如产品、博客文章或图像。它们可以堆叠、有图或无图,且易于定制,是创建首页内容模块的...

    Web前端技术项目式教程(HTML5 CSS3 Flex Bootstrap)教案-HTML5标签.docx

    - `&lt;hgroup&gt;`:用于包裹多个同级别的标题元素,如主标题和副标题。 - `&lt;nav&gt;`:定义页面的主要导航链接,帮助用户在网站中浏览。 - `&lt;aside&gt;`:提供与主要内容相关的补充信息,可以是侧边栏或者相关文章列表。 -...

    Bootstrap页面标题Page Header的实现方法

    4. 在 `&lt;h1&gt;` 元素内部,需要创建一个 `&lt;small&gt;` 元素,用于显示页面标题的副标题。 5. 最后,需要添加一些基本的样式,以便调整页面标题的排版和样式。 示例代码 以下是一个简单的示例代码,演示了如何使用 ...

    基于Bootstrap的网页设计实例

    在CSS中定义的`.feature-heading`和`.feature-heading .text-muted`分别设置了特性标题和副标题的样式。`hr.divider`用作分隔线,增加了视觉层次感。 这个实例展示了如何将Bootstrap的组件(如导航栏、轮播图)与...

    bootstrap3.0教程之排版详细使用教程(标题、页面主体、强调、缩略语等用法)

    标题内可嵌套 `&lt;small&gt;` 标签或 `.small` 类,以创建二级标题或副标题,如下所示: ```html &lt;h1&gt;h1. Bootstrap heading &lt;small&gt;Secondary text ``` 2. 页面主体 Bootstrap 将全局字体大小设置为 14 像素,行高为 1....

    Bootstrap的常用组件和样式

    我是副标题1h1&lt;/small&gt;&lt;/h1&gt; ``` 3. **引导主题副本**: - `lead`类可以用来强调某些重要的文本或段落,使其更突出,例如: ```html 这是一个演示引导主体副本用法的实例。 ``` 4. **对齐**: - 使用`.text...

    基于bootstrap实现bootstrap中文网巨幕效果

    在jumbotron中,我们添加了一个标题、副标题和两个按钮,每个按钮都指向不同的Bootstrap文档版本。 三、添加自定义的CSS效果 除了使用Bootstrap提供的默认样式外,我们还可以添加自定义的CSS效果来提高巨幕效果的...

    bootstrap个人博客网站模板

    文章标题和副标题可以使用Bootstrap的标题和引文组件,评论区则可以利用表单组件来设计。 5. **侧边栏**:可能包含分类、标签云、最近文章、热门文章等,这些都可以用Bootstrap的列表组、徽章和卡片组件来实现。 6...

    第五篇Bootstrap 排版

    使用bootstrap的排版特性可以创建标题,段落... 我是副标题1 h1&lt;/small&gt;&lt;/h1&gt; 我是标题2 h2. 我是副标题2 h2&lt;/small&gt;&lt;/h2&gt; 我是标题3 h3. 我是副标题3 h3&lt;/small&gt;&lt;/h3&gt; 我是标题4 h4. 我是副标题4 h4&lt;/small&gt;&lt;/h4&gt; 我是

    Bootstrap编写一个兼容主流浏览器的受众门户式风格页面

    在Bootstrap中,Jumbotron组件用于创建一个突出的展示区域,常用于显示主要的标题和副标题。在这个例子中,我们使用了自定义的背景图片,并通过`background-image` CSS属性设置背景重复,使横幅具有连续的渐变效果...

    Bootstrap风格的WPF样式

    除了标题和副标题,Bootstrap还包括其他丰富的样式和组件,如按钮、表单、网格系统、导航条、警告提示等。在WPF中,开发者可以为Button、TextBox、Grid、NavigationView等控件创建相应的样式资源,以便在应用中统一...

    第二章之Bootstrap 页面排版样式

    在标题中嵌套`small`元素可以创建副标题,其大小相对于父标题有所减小,保持视觉层次感。 内联文本元素也是Bootstrap排版中的重要部分。例如,`&lt;mark&gt;`元素或`.mark`类可以用来高亮文本,`&lt;del&gt;`和`s`用于表示删除...

    Bootstrap的基本应用要点浅析

    如果需要副标题,可以使用`&lt;small&gt;`标签,如`&lt;h1&gt;Bootstrap标题我是副标题&lt;/small&gt;&lt;/h1&gt;`。Bootstrap还提供了`.lead`类来增大并加粗文本,以及`.text-*`系列类,如`.text-muted`、`.text-primary`等,用于设置不同...

Global site tag (gtag.js) - Google Analytics