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

 时间:2024-10-12 07:21:51

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

工具/原料

bootstrap手册

sublime text3 编辑器

电脑(可上网)

Jumbotron 不带圆角超大屏幕

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

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

3、使用Jumbotron class写HTML代码。<div class="jum水瑞侮瑜botron"> <div class="container"> <hgroup> <h1>关于</h1> <h4>关于jumbotron的使用教程...</h4> </hgroup> </div></div>注意:获得不带圆角的超大屏幕只需要把类名jumbotron写到类名container外面。

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

5、浏览器查看效果。

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

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

Bootstrap 超大屏幕 Jumbotron class的用法教程
  • 圣龙阿布怎么超进化
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • thinkphp如何在html页面输出数据库数据
  • 如何在IntelliJ IDEA中导入mysql的驱动jar包
  • 如何用jsp实现最简单的购物车删除
  • 热门搜索
    青岛大学怎么样 手机掉水里了怎么办 牛鞭怎么吃才壮阳 吉他f和弦怎么按 新闻怎么写 电脑蓝屏怎么回事 鱼汤怎么做 眼睛干涩是怎么回事 玉米怎么炒好吃 微信怎么群发消息给好友不建群