当前位置:主页 > javascript教程 >

Bootstrap超大屏幕的实现代码

发布:2022-06-17 10:04:59 178


为网友们分享了Bootstrap相关的编程文章,网友谢刚毅根据主题投稿了本篇教程内容,涉及到Bootstrap超大屏幕、Bootstrap屏幕、Bootstrap、Jumbotron相关内容,已被695网友关注,内容中涉及的知识点可以在下方直接下载获取。

本文实例为大家分享了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> 

效果图:

Bootstrap超大屏幕的实现代码

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


相关文章

  • 详解bootstrap table双击可编辑、添加、删除行

    发布:2020-02-19

    这篇文章主要为大家详细介绍了bootstrap table实现双击可编辑、添加、删除行功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Bootstrap时间日历插件bootstrap-datetimepicker配置及用法

    发布:2020-01-07

    这篇文章主要介绍了Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下


  • bootstrap table用法详解

    发布:2020-07-08

    这篇文章主要为大家详细介绍了JS表格组件神器bootstrap table使用指南,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Bootstrap可折叠侧边导航菜单实现代码

    发布:2020-04-24

    这篇文章主要介绍了Bootstrap实现可折叠分组侧边导航菜单的相关资料,需要的朋友可以参考下


  • bootstrap中使用modal加载kindeditor时弹出层文本框不能输入怎么办

    发布:2020-03-13

    这篇文章主要介绍了解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题,需要的朋友可以参考下


  • Bootstrap表单验证功能代码分享

    发布:2020-06-03

    这篇文章主要为大家详细介绍了基于Bootstrap表单验证功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • 详解Bootstrap按钮组

    发布:2020-01-27

    这篇文章主要为大家详细介绍了Bootstrap按钮组的简单实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • 介绍bootstrap fileinput 上传插件的基础用法

    发布:2020-03-02

    这篇文章主要介绍了bootstrap fileinput 上传插件基础使用,重点是把界面做得更加友好,更好的增加用户体验。对bootstrap fileinput知识感兴趣的朋友通过本文一起学习吧


  • Bootstrap Table列宽拖动实例代码

    发布:2020-06-15

    Bootstrap Table可拖动,需要用到它的Resizable扩展插件,下面脚本之家小编给大家带来了Bootstrap Table列宽拖动的方法,感兴趣的朋友一起看看吧


  • 推荐Bootstrap免费字体和图标网站

    发布:2019-12-30

    在这篇内容中,我们把这套框架上的免费字体图标做了个整合(当然,以后还会不断的更新)。大家对bootstrap免费字体图标有需要的话,可以参考本教程


网友讨论