写一个通屏的的大屏幕的效果,用class .Jumbotron 就可以,这里介绍下Bootstrap 超大屏幕 Jumbotron class的用法教程。
工具/原料
1
bootstrap手册
2
sublime text3 编辑器
3
电脑(可上网)
Jumbotron 不带圆角超大屏幕
1
明确自己要的效果,如图。
2
写出基本的bootstrap模板。
3 注意:获得不带圆角的超大屏幕只需要把类名jumbotron写到类名container外面。
使用Jumbotron class写HTML代码。
关于
关于jumbotron的使用教程...
5
浏览器查看效果。
jumbotron 带圆角超大屏幕
1
将container class 在jumbotron class 外使用即可
关于
关于jumbotron的使用教程...
2
CSS样式同上。测试浏览器效果如图,四角都是圆角,默认有一个border-radius属性。
上一篇:高清led压铸铝大屏