Question

我正在尝试使用Bootstraps网格系统创建一个配置文件页面，它可以完美地工作但不幸的是我的页面有另一个响应式动态功能 - 左侧有更大分辨率的菜单。

这个菜单正在影响列，因为网格认为它没有被推到右边而且它们正在从页面上蔓延开来！当菜单以较小的分辨率移动到顶部时，Bootstrap可以正常运行。请参阅http://hertfordhotshots.weebly.com/honors.html并使用宽度来查看我的问题。

我能做些什么来制作引导程序给我所需的效果并保持菜单在左边？

感谢您的帮助！

Answer 1

可能是这样的......在class =＆＃34; team＆＃34;中的html snipe中...... 消除class =＆＃34;容器＆＃34;和class =＆＃34; row＆＃34; ...相反，添加class =＆＃34; col-lg-12 col-md-12 col-sm-12 col-xs-12＆＃34;在两个div中......

    <section class="team">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">//class="container
       <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">//class="row"
         <div class="col-md-10 col-md-offset-1">
          <div class="col-lg-12">
            <h6 class="description">CURRENT TEAM</h6>
            <div class="row pt-md">
              <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 profile">
               <div class="img-box">
                 <img src="http://placehold.it/600x600" class="img-responsive">
                <ul class="text-center">
                   <a href="#"><li><i class="fa fa-facebook"></i></li></a>
                   <a href="#"><li><i class="fa fa-twitter"></i></li></a>
                   <a href="#"><li><i class="fa fa-linkedin"></i></li></a>
                </ul>
              </div>
          <h1>Joe McClemont</h1>
          <h2>Co-founder/ Midfielder</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
        </div>
       ...
   ...
   ...
    </div>
  </div>
</div>

Bootstrap网格系统对齐

1 个答案: