我想要了解jumbotron模块在Bootstrap 4有哪些功能，以及如何使用？请用markdown格式给出 answer。
user
好的，下面是关于 Bootstrap 4 中 jumbotron 模块的功能和使用方法的介绍，采用Markdown格式：

---
### Bootstrap 4 jumbotron 模块概述

**Jumbotron** 是 Bootstrap 提供的一种用于扩大某些部分视觉效果的组件，非常适合制作广告位、宣传信息或任何需要强调的内容。它可以适应页面的宽度，从而吸引用户的注意。

#### 功能特点

1. **高度可定制：** 可以通过简单的类来调整大小、颜色和边框等样式。
2. **响应式设计：** 自动调整布局以适应不同设备的屏幕大小。
3. **易于使用：** 只需添加少量的HTML和CSS代码即可快速集成到现有网站中。

#### 基本用法

为了使用 jumbotron，你需要在 HTML 中包含 Bootstrap 的 CSS 文件。然后，在特定的容器中添加 `jumbotron` 类即可。下面是一个简单的例子：

```html
<div class="jumbotron">
  <h1 class="display-4">Hello, world!</h1>
  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</div>
```

#### 样式调整

如果你想改变 jumbotron 的外观，可以利用 Bootstrap 提供的多种工具类，如背景颜色（`bg-primary`）、文本颜色（`text-white`）等。例如，创建一个深色背景的 jumbotron：

```html
<div class="jumbotron jumbotron-fluid bg-primary text-white">
  <div class="container">
    <h1 class="display-4">Fluid jumbotron</h1>
    <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
  </div>
</div>
```

#### 注意事项

- jumbotron 默认有一定的内边距、背景色和大字体大小。
- 如果你需要一个没有边框半径的 jumbotron，可以添加类 `rounded-0`。

通过以上介绍，你应该能够理解如何在 Bootstrap 4 中使用 jumbotron，以及如何根据需要对其进行自定义。

---
assistant