Bootstrap4 Jumbotron

Bootstrap4 教程 · 2019-03-01 23:41:55

Jumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。

提示: Jumbotron 里头可以放一些 HTML标签，也可以是 Bootstrap 的元素。

我们可以通过在 <div> 元素中添加 .jumbotron 类来创建 jumbotron:

实例

<div class="jumbotron"> <h1>码农教程</h1> <p>学的不仅是技术，更是梦想！！！</p> </div>

全屏幕的 Jumbotron

如果你想创建一个没有圆角的全屏幕，可以在 .jumbotron-fluid 类里头的 div添加 .container 或 .container-fluid 类来实现:

实例

<div class="jumbotron jumbotron-fluid"> <div class="container"> <h1>码农教程</h1> <p>学的不仅是技术，更是梦想！！！</p> </div> </div>

点击查看所有 Bootstrap4 教程文章: https://codercto.com/courses/l/26.html

查看所有标签

码农书籍

Google

托马斯·舒尔茨(Thomas·Schulz) / 严孟然、陈琴 / 当代中国出版社 / 2016-11-1 / CNY 49.80

想要掌握未来，必须了解谷歌 1998年从车库起家，短短数年研发上千项专利，2016年力压苹果、亚马逊，成为“世界最具价值品牌”“最佳雇主”，谷歌无疑是互联网时代的最大赢家，这家公司有能力通过巨额广告利润收获现在，更有意愿在人工智能层面创造未来。据说谷歌势不可挡，永不餍足。从互联网搜索到智能翻译再到地图导航，谷歌是我们通向世界的门户。不仅如此，就像管理全世界的数据流一样，谷歌还要在不久......一起来看看《Google》这本书的介绍吧!

码农工具

RGB CMYK 转换工具

RGB CMYK 互转工具

HSV CMYK 转换工具

HSV CMYK互换工具

New

文章

话题

教程

Tips

Module MainFrm
    Sub Main()
        System.Console.WriteLine("Hello, World!")
    End Sub
End Module