WEB前端网页设计-Bootstrap 超大屏幕（Jumbotron）

超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的步骤如下：

创建一个带有 class .jumbotron. 的容器 <div>。
除了更大的 <h1>，字体粗细 font-weight 被减为 200。

<div class="container"><div class="jumbotron"><h1>欢迎登陆页面！</h1><p>这是一个超大屏幕（Jumbotron）的实例。</p><p><a class="btn btn-primary btn-lg" role="button">学习更多</a></p></div>
</div>

结果如下所示：

为了获得占用全部宽度且不带圆角的超大屏幕，请在所有的 .container class 外使用 .jumbotron class，如下面的实例所示：

<div class="jumbotron"><div class="container"><h1>欢迎登陆页面！</h1><p>这是一个超大屏幕（Jumbotron）的实例。</p><p><a class="btn btn-primary btn-lg" role="button">学习更多</a></p></div>
</div>

结果如下所示：

WEB前端网页设计-Bootstrap 超大屏幕（Jumbotron）相关推荐

WEB前端网页设计-Bootstrap 网格系统
目录 Bootstrap 网格系统什么是网格(Grid)? 什么是 Bootstrap 网格系统(Grid System)? 移动设备优先策略 Bootstrap 网格系统(Grid System) ...
WEB前端网页设计-Bootstrap 按钮下拉菜单
目录 Bootstrap 按钮下拉菜单分割的按钮下拉菜单按钮下拉菜单的大小按钮上拉菜单 Bootstrap 按钮下拉菜单本章将讲解如何使用 Bootstrap class 向按钮添加下拉菜单. ...
网上花店网页代码 html静态花店网页设计制作 dw静态鲜花网页成品模板素材网页 web前端网页设计与制作 div静态网页设计
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...
HTML5前端期末大作业 html css javascript防锤子手机商城官网 web前端网页设计实例企业网站制作
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...
web前端网页设计作业_网页前端设计快速入门技巧
我最近收到部分在校学生的邮件,很多在临近毕业实习这段时间,面临着找工作,表示压力非常大,也不知道如何去选择,大多数都是处于迷茫期,问我怎么办?也有想学前端的,问我怎么才能够快速的入门? 先说我自己吧, ...
web前端网页设计作业_如何学习网页前端设计培训？
学习网页的前端设计分为几个步骤或者说几个网页设计教程大类. 一个是熟练掌握各种网页设计需要的操作软件,然后就是WEB界面设计与项目设计,最后还有WEB整站设计实训. 如何学习网页的前端设计呢? 许多零 ...
WEB前端网页设计简介
目录 web前端简介什么是HTML? HTML标签 HTML基本结构在head中设置网页标题和字符集编码 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HT ...
基于Html+JS+CSS的环保生态Web前端网页设计课程设计报告+源码
资源下载地址:https://download.csdn.net/download/sheziqiong/85731023 资源下载地址:https://download.csdn.net/downl ...
山东菏泽家乡网页代码 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计
家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法,如盒子的嵌套.浮动.margin.border.background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大 ...

WEB前端网页设计-Bootstrap 超大屏幕（Jumbotron）

WEB前端网页设计-Bootstrap 超大屏幕（Jumbotron）相关推荐

最新文章

热门文章