Css 在调整浏览器大小时，引导中的容器类始终关注左侧的第一列

调整浏览器大小时，引导中的容器类始终关注左侧的第一列

class=“col-lg-3”

。它如何将注意力集中在中间一栏

col-lg-6

调整大小之前：

调整大小后：

引导代码的第一部分：

   <section class="newsfeed">
    <div class="container-fluid">
     <div class="row">
      <div class="col-lg-3">

     <a href="#">
     <div class="storybox" 
       style="background: linear-gradient( rgba(34,34,34,0.78), rgba(34,34,34,0.78)), url('assets/img/posts/2.gif') no-repeat;
              background-size: cover;
                  background-position: center center;
                  -webkit-background-size: cover;
                  -moz-background-size: cover;
                  -o-background-size: cover;">
          <div class="story-body text-center">
           <div class=""><img class="img-circle" src="assets/img/users/10.jpg" alt="user"></div>
           <h4>Clifford Graham</h4>
           <p>2 hours ago</p>
          </div>      
     </div>
     </a>

---

使用Bootstrap内置的flex box order实用程序调整内容顺序：

通过将order first类添加到列容器（在您的示例中，将其添加到col-lg-6），它将在顺序中首先移动。然后，您可以使用order-md-0、order-lg-0或order-xl-0到同一容器，根据您需要的设备大小将其移回正常的内容流

---

order first实用程序类的工作原理是将CSS属性order设置为-1，order-0会将order属性重置为其默认值0，以将其返回到正常的内容流。

不确定您在这里要问什么。“聚焦中间列”是指希望中间列的内容位于视口顶部？或者别的什么？是的，这就是我需要的。你需要javascript。请发布所有代码。我只看到

col-lg-3

和几个未关闭的div