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

查看所有标签

Node.js实战

Node.js实战

[美] Mike Cantelon、[美] TJ Holowaychuk、[美] Nathan Rajlich / 吴海星 / 人民邮电出版社 / 2014-5 / 69.00元

服务器端JavaScript?没错。Node.js是一个JavaScript服务器,支持可伸缩的高性能Web应用。借助异步I/O,这个服务器可以同时做很多事情,能满足聊天、游戏和实时统计等应用的需求。并且既然是JavaScript,那你就可以全栈使用一种语言。 本书向读者展示了如何构建产品级应用,对关键概念的介绍清晰明了,贴近实际的例子,涵盖从安装到部署的各个环节,是一部讲解与实践并重的优秀......一起来看看 《Node.js实战》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

随机密码生成器
随机密码生成器

多种字符组合密码

URL 编码/解码
URL 编码/解码

URL 编码/解码