Bootstrap超大屏幕的实现代码

 更新时间:2017年03月22日 09:01:04   作者:boonyaxnn  
这篇文章主要为大家详细介绍了Bootstrap超大屏幕的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Bootstrap超大屏幕展示的具体代码,供大家参考,具体内容如下

<!DOCTYPE html> 
<html> 
<head> 
 <title>Bootstrap-超大屏幕(Jumbotron)</title> 
 <meta charset="utf-8"> 
 <link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" > 
</head> 
 
<body> 
 <!--为了获得占用全部宽度且不带圆角的超大屏幕,请在所有的 .container class 外使用 .jumbotron class--> 
<div class="jumbotron"> 
 <div class="container"> 
  <h1>欢迎登陆页面!</h1> 
  <p>这是一个超大屏幕的实例。</p> 
  <p><a class="btn btn-primary btn-lg" role="button">学习更多</a></p> 
 </div> 
</div> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
 </body> 
</html> 

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript实现数字数组按照倒序排列的方法

    JavaScript实现数字数组按照倒序排列的方法

    这篇文章主要介绍了JavaScript实现数字数组按照倒序排列的方法,涉及javascript中sort方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 前端传参的三种方式实战案例

    前端传参的三种方式实战案例

    近期公司采用前后端分离的方式开发系统,面临前后端传值方式的统一约定,该篇文章针对几种传值方式做了汇总,这篇文章主要给大家介绍了关于前端传参的三种方式,需要的朋友可以参考下
    2024-08-08
  • JavaScript EasyPager 分页函数

    JavaScript EasyPager 分页函数

    好久不写js,手都有点生了。写个小东西热手。
    2011-05-05
  • uniapp实现微信小程序支付(前端)详细代码

    uniapp实现微信小程序支付(前端)详细代码

    这篇文章主要给大家介绍了关于uniapp实现微信小程序支付(前端)的相关资料,发现网上教程很多,单只针对小程序的简单清晰的流程却很少,文字通过代码介绍的非常详细,需要的朋友可以参考下
    2024-07-07
  • js实现导航吸顶效果

    js实现导航吸顶效果

    本文主要分享了js实现导航吸顶效果的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • VSCode Webview中实现点击下载图片的基本流程

    VSCode Webview中实现点击下载图片的基本流程

    这篇文章主要介绍了VSCode Webview中如何实现点击下载图片,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • swiper实现异形轮播效果

    swiper实现异形轮播效果

    这篇文章主要为大家详细介绍了swiper实现异形轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • JavaScript 中的 this 工作原理

    JavaScript 中的 this 工作原理

    这篇文章主要介绍了JavaScript 中的 this 工作原理,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • 使用js画图之正弦曲线

    使用js画图之正弦曲线

    这篇文章主要介绍了使用js绘制几何图形的方法的系列文章,本文主要讲诉正弦曲线的绘制方法,需要的朋友可以参考下
    2015-01-01
  • IE,firefox(火狐)浏览器无提示关闭窗口js实现代码小结

    IE,firefox(火狐)浏览器无提示关闭窗口js实现代码小结

    在不是js打开的页面上按window.close(),会有提示框,很烦,现在可以不用了,没有提示框直接关闭窗口。下面脚本之家编辑特为大家整理了一些。
    2009-09-09

最新评论