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://www.codercto.com/courses/l/26.html

查看所有标签

码农书籍

Android开发艺术探索

任玉刚 / 电子工业出版社 / 2015-9-1 / CNY 79.00

《Android开发艺术探索》是一本Android进阶类书籍，采用理论、源码和实践相结合的方式来阐述高水准的Android应用开发要点。《Android开发艺术探索》从三个方面来组织内容。第一，介绍Android开发者不容易掌握的一些知识点；第二，结合Android源代码和应用层开发过程，融会贯通，介绍一些比较深入的知识点；第三，介绍一些核心技术和Android的性能优化思想。《Andro......一起来看看《Android开发艺术探索》这本书的介绍吧!

码农工具

XML 在线格式化

在线 XML 格式化压缩工具

RGB HSV 转换

RGB HSV 互转工具

New

文章

话题

教程

Tips

public class HelloWorld
{
    public static void main(String[] args)
    { 
        System.out.println( "Hello, World!" );
    }
}