Question

我想在我的bootstrap网站上添加一个投资组合页面。当我尝试添加一个额外的“行”或甚至另一个div class =“col-md-12”并刷新页面时，导航栏向左移动，如5px：

<div class="container">
    <div class="page-header"><h1>Work Examples</h1></div>            
    <!--examples begin-->
    <!--<div class="col-md-8">-->
    <div class="row">
        <div class="col-md-8">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe class="embed-responsive-item" src="http://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
            </div>
        </div>
        <div class="col-md-4">
            <h4>The Daily</h4>
            <p>YahooMedia is responsible for creating, curating and programming quality editorial and entertaining content experiences. We produce original content and work with established publishing partners to deliver inspiring and delightful content to our users. We are the partner that connects any artist, storyteller, great content producer and brand with the audiences it wants and needs at scale, across devices, every single day. From A-list directors and producers to industry-leading editorial voices like Katie Couric and Joe Zee, we are focused on bringing content from today’s biggest creators to our audience.</p>
        </div>
    </div>
    <div class="row">
          <div class="col-md-4">yo</div>
          <div class="col-md-8"></div>
    </div><!--row-->
</div><!--container closed -->

Answer 1

<div class="container">

<div class = "page-header">

当我添加标签时，Bootstrap导航栏会移动

1 个答案: