Bootstrap:根据其他div设置一个div的内容位置

时间:2014-06-21 15:59:45

标签: html css html5 css3 twitter-bootstrap

我必须显示像enter image description here

这样的内容

现在导航结束底部div也应该在那里结束我使用面包屑导航

       <div class="row">
            <div class="span9" >

                <ol class="breadcrumb">
                  <li><a href="#">News & Events</a><span class="divider"> |</span></li>
                  <li><a href="#">Jobs</a><span class="divider"> |</span></li>
                  <li><a href="#">Storage</a><span class="divider"> |</span></li>
                  <li><a href="#">Transportation</a><span class="divider"> |</span></li>
                  <li><a href="#">Site Map</a><span class="divider"> |</span></li> 
                  <li><a href="#">Contact us</a></li>

                </ol>
            </div>
        </div>

那么我应该在哪里粘贴版权部分的代码,它总是在下一行的导航结束时结束?

1 个答案:

答案 0 :(得分:0)

看起来你打算使用col-md-9而不是span9 bootstrap 3

将其放入span9 div

       <div class="col-md-offset-5"><a href="#">Copywrite</a> | <a href="#">Whatever</a> | <a href="#">ANothere </a></div>

链接here

不要忘记行的容器