多语言展示
当前在线:1644今日阅读:27今日分享:41

Bootstrap 超大屏幕 Jumbotron class的用法教程

写一个通屏的的大屏幕的效果,用class    .Jumbotron 就可以,这里介绍下Bootstrap 超大屏幕 Jumbotron class的用法教程。
工具/原料
1

bootstrap手册

2

sublime text3 编辑器

3

电脑(可上网)

Jumbotron 不带圆角超大屏幕
1

明确自己要的效果,如图。

2

写出基本的bootstrap模板。

3

使用Jumbotron class写HTML代码。

关于

关于jumbotron的使用教程...

注意:获得不带圆角的超大屏幕只需要把类名jumbotron写到类名container外面。

5

浏览器查看效果。

jumbotron 带圆角超大屏幕
1

将container class 在jumbotron class 外使用即可

关于

关于jumbotron的使用教程...

2

CSS样式同上。测试浏览器效果如图,四角都是圆角,默认有一个border-radius属性。

推荐信息