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

查看所有标签

码农书籍

SEO实战密码

昝辉Zac / 电子工业出版社 / 2015-7 / 69.00元

本书是畅销书升级版，详细和系统地介绍了正规、有效的SEO实战技术，包括为什么要做SEO、搜索引擎工作原理、关键词研究、网站结构优化、外部链接建设、SEO效果监测及策略修改，SEO作弊及惩罚、排名因素列表、常用的SEO工具、SEO项目管理中需要注意的问题等专题，最后提供了一个非常详细的案例供读者参考。第3版增加了移动搜索优化、APP排名优化、百度2015年排名因素调查结果等新内容，并对前两版......一起来看看《SEO实战密码》这本书的介绍吧!

码农工具

文章

话题

教程

Tips

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

Bootstrap4 Jumbotron

全屏幕的 Jumbotron

SEO实战密码

JSON 在线解析

html转js在线工具

HEX CMYK 转换工具