这篇文章主要介绍了Bootstrap页面标题Page Header怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
具体内容如下
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 页面标题(Page Header)</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" >
</head>
<body>
<div class="jumbotron">
<div class="container">
<div class="page-header">
<h2>页面标题
<small>子标题</small>
</h2>
</div>
<p>Bootstrap 页面标题(Page Header.Bootstrap 页面标题(Page Header).Bootstrap 页面标题(Page Header).Bootstrap 页面标题(Page Header).</p>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
如需使用页面标题(Page Header),请把标题放置在带有 class .page-header 的 <div> 中,效果图:
感谢你能够认真阅读完这篇文章,希望小编分享的“Bootstrap页面标题Page Header怎么用”这篇文章对大家有帮助,同时也希望大家多多支持天达云,关注天达云行业资讯频道,更多相关知识等着你来学习!