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

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

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

添加前

image.png

添加后

image.png

基本用法

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

相关文章
|
7月前
|
前端开发 JavaScript 容器
Bootstrap4 Jumbotron
Bootstrap 4 Jumbotron 是一个用于展示重要信息和功能的模态框,通常用于页面头部或页面中部的重点展示区域。它具有全屏宽度的布局,可以包含文本、图像、按钮等元素,并且可以自动适应不同的屏幕尺寸。Jumbotron 是一个灵活的组件,可以用于多种不同的场景,例如介绍公司或产品、展示广告或促销信息、提供导航或搜索功能等。
83 9
|
前端开发 容器
Bootstrap系列 -- 24. 下拉菜单基本用法
  在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文件。当然,如果你使用的是未编译版本,在js文件夹下你能找到一个名为“dropdown.js”的文件。
1061 0
|
JavaScript 前端开发 数据格式
第04章节-Python3.5-组件BootStrap、EasyUI、JQueryUI1用法 3
EasyUI用法: 把EasyUI下载到本地,然后看文档找到自己想要的样式,然后写到自己的代码里(推荐看源码里的demo文件里的源码)[但存在大量的Ajax操作]{不推荐用} 打开 (http://www.
1570 0
|
前端开发 容器
Bootstrap学习笔记--图片,jumbotron,page-header,well,警告,按钮,Glyphicon组件,徽章,标签
图片: 图片属性加上这些就有不同效果 class=”img-rounded” class=”img-circle” class=”img-thumbnail” 注意 如果是circle圆的...
1632 0
|
编解码 前端开发 JavaScript
Bootstrap的用法
一、介绍 Bootstrap,来自 Twitter,是目前比较受欢迎的前端框框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
1610 0
|
JavaScript 前端开发 Web App开发
bootstrap-wysiwyg中JS控件富文本的用法
1、引入js和css文件(注:这里必须引入正确,下面是我的路径,你修改为你自己的,不多说了) 2、其实调用也很容易,难点在于怎么把‘富文本里面的内容提交给后台’...
1457 0
|
前端开发 容器 JavaScript
Bootstrap <基础二十二>超大屏幕(Jumbotron)
原文:Bootstrap 超大屏幕(Jumbotron) Bootstrap 支持的另一个特性,超大屏幕(Jumbotron)。顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。
1249 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.
1296 0
N..
|
7月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
73 0