Jumbotron,就是大屏幕, 在页面的主要的位置,我们可以用一个 Jumbotron 组件显示一些关键的内容 .. 大屏幕的包装上要添加一个 jumbotron 类 ..
它里面可以先添加一个大标题 .. 用一个 h1 元素 .. hello .. 想让这个标题更大一点,可以在上面再添加一个类 .. display-1 .. 这个数字可以是从 1 到 4 .. display-1 最大 ..
大屏幕的主要的文字,在包装上添加一个 lead .. Welcome to ninghao.net ..
下面可以再添加一个按钮 .. 上面加上 btn.btn-primary ,再添加一个 btn-lg 把它变成大号的 .. Subscribe ..
在内容里我们可以使用 Bootstrap 提供的间隔工具类去修改元素跟元素之间的距离 .. 现在我想让这个段落文字跟按钮之间多留一点空间 .. 在这个 p 标签上面,用一个 mb-4 .. mb 表示 margin bottom .. 后面的数字表示的是距离的大小 .. 可以是从 0 到 5 ..
现在你看到的就是一个基本的 Jumbotron 组件的样式 ...