Jumbotron:大屏幕

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

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 组件的样式 ...

Jumbotron:大屏幕《 Bootstrap 4:界面组件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点