将大图放在导航栏下方（bootstrap）

Question

我想像这样大致：

所以只是大局，上面写着大字。我是新手所以请理解我，谢谢！我怎么把这样的大字母？ 如果有人会把它放在.zip中让我检查一下会更好！提前谢谢！

Answer 1

那叫做jumbotron http://getbootstrap.com/components/#jumbotron

或

<div class="bigpic">
  <span class="bigletters">Big Letters</span>
</div>

CSS

.bigpic {
postion:relative;
width: 100%;
height: 200px;
display: block;
background: url('www.pictureUlr.com');
}

.bigletters {
  position: absolute;
  display: inline-block
  top: 40px;
  left 40px;
  font-size: 3em;
  color: white;
}

这会在菜单下放置一个宽度为100％且高度固定的div。 然后使图像成为所述div的背景。它还会在该div中放置一个跨度（或者在顶部），因为它位于绝对位置