bootstrap巨幕组件jumbotron超大屏幕可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。使用超大屏幕(Jumbotron)的步骤如下:
//在固定的范围内,有圆角
<div class="container">
<div class="jumbotron">
<h2>创新互联会员登陆</h2>
<p>这是一个网络建设公司的网站!</p>
<p><a href="#" class="btn btn-default">更多详情</a></p>
</div>
</div>
//100%全屏,没有圆角
<div class="jumbotron">
<div class="container">
<h2>bootstrap巨幕组件jumbotron超大屏幕</h2>
<p>jumbotron超大屏幕第二种方式,100%全屏,没有圆角</p>
<p><a href="#" class="btn btn-default">更多详情</a></p>
</div>
</div>
bootstrap官方手册给我们的就只有这2种方式,非常简单。记住2个类名container固定容器和jumbotron类。
想增加下功能如插入背景图片如何做到
<style>
.jumbotron{
background:url(images/banner.png);
}
</style>
在style里设置css样式即可!大家学习网站制作时要学以致用还要接合其他知识灵活运用哦!