Twitter bootstrap 引导div对齐

无法在标题标记结束后立即对齐包含图像的容器div

这里是Jsfiddle链接

欢迎来到我们的新网站和Mana Aravati

切换导航

我希望这个容器div在header标记结束后开始

<div class="container">
    <img src="http://www.jssor.com/img/landscape/11.jpg" /> 
</div> 

---

如果删除容器类，它将正确对齐

看

---

我想您使用

.container

类是有原因的，那么添加一个

.main

类从顶部提供nessecary填充怎么样

.main{
填充顶部：80px；
}

---

图像从顶部开始。。我希望图像在导航条后开始，有一些小间隙。image div不应该占据全屏，所以我把它放在container类中

<div class="container">
    <img src="http://www.jssor.com/img/landscape/11.jpg" /> 
</div> 

<div>
    <img src="http://www.jssor.com/img/landscape/11.jpg" />
</div>

.main {margin-top:100px;}

<div class="container main">
    <img src="http://www.jssor.com/img/landscape/11.jpg" /> 
</div>