备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

Bootstrap中jumbotron的用法-实现巨型效应

2021-11-13 167
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Bootstrap中jumbotron的用法-实现巨型效应

我们先来看看添加后的变化

添加前

image.png

添加后

image.png

基本用法

就是给div起一个类名，名字交做jumbotron,在引入BootStrap的相关情况下，可以实现上述的效果。简单的说，jumbotron的作用即实现巨型效应。

文章标签：
前端开发
关键词：
Bootstrap jumbotron
Bootstrap用法
答案命运
目录
相关文章
汪末末
|
6月前
|
前端开发 容器
Bootstrap 组件：徽章（badge）、 巨幕（jumbotron）和 页头组件 (page-header)
Bootstrap 框架
汪末末
43 0
Bootstrap 组件：徽章（badge）、 巨幕（jumbotron）和 页头组件 (page-header)
贺臣情缘
|
前端开发 容器
Bootstrap系列 -- 24. 下拉菜单基本用法
　　在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件。当然，如果你使用的是未编译版本，在js文件夹下你能找到一个名为“dropdown.js”的文件。
贺臣情缘
1032 0
阿啦卜
|
JavaScript 前端开发 数据格式
第04章节-Python3.5-组件BootStrap、EasyUI、JQueryUI1用法 3
EasyUI用法: 把EasyUI下载到本地,然后看文档找到自己想要的样式,然后写到自己的代码里(推荐看源码里的demo文件里的源码)[但存在大量的Ajax操作]{不推荐用} 打开 (http://www.
阿啦卜
1547 0
codingcoge
|
前端开发 容器
Bootstrap学习笔记--图片,jumbotron,page-header,well,警告,按钮,Glyphicon组件,徽章,标签
图片： 图片属性加上这些就有不同效果 class=”img-rounded” class=”img-circle” class=”img-thumbnail” 注意 如果是circle圆的...
codingcoge
1588 0
我巴巴
|
编解码 前端开发 JavaScript
Bootstrap的用法
一、介绍 Bootstrap，来自 Twitter，是目前比较受欢迎的前端框框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。
我巴巴
1556 0
源码下载
|
JavaScript 前端开发 Web App开发
bootstrap-wysiwyg中JS控件富文本的用法
1、引入js和css文件(注：这里必须引入正确，下面是我的路径，你修改为你自己的，不多说了) 2、其实调用也很容易，难点在于怎么把‘富文本里面的内容提交给后台’...
源码下载
1418 0
杰克.陈
|
前端开发 容器 JavaScript
Bootstrap <基础二十二>超大屏幕（Jumbotron）
原文:Bootstrap 超大屏幕（Jumbotron） Bootstrap 支持的另一个特性，超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。
杰克.陈
1220 0
杰克.陈
|
前端开发 .NET 开发框架
MVC5 + EF6 + Bootstrap3 (8) HtmlHelper用法大全(上)
原文:MVC5 + EF6 + Bootstrap3 (8) HtmlHelper用法大全(上) 文章来源：Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-httphelper-part1.
杰克.陈
1262 0
N..
|
1月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
13 0
汪末末
|
6月前
|
前端开发 容器
Bootstrap 组件：嵌入效果（Well）
Bootstrap 框架
汪末末
38 0
Bootstrap 组件：嵌入效果（Well）