在窗口调整响应标头

Question

我有一个像下面这样的引导容器。

在一个col-xs-6中，我有我的徽标，在其他col-xs-6中，我有购物车图标和我的切换菜单。

当我调整浏览器窗口大小时，我希望我的徽标具有固定位置，但我想将我的购物车图标和导航移动到一起。

    <div class="header-wrapper">  
     <div class="container">
       <div class="row">
         <div class="col-xs-6">
           <a href="#" class="logo"><img src="assets/logo.png" alt=""></a>
         </div>

         <div class="col-xs-6">
           <a href="" class="cart"><span>1</span><i class="fa fa-shopping-cart"></i></a>
           <a href="#" class="menu-toggle">Menu <i class="fa fa-bars"></i></a>  
         </div>    

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

这里是fiddle的相同内容。出于某种原因，它也不会出现在同一行标识中。

请帮忙。

Answer 1

您需要将.menu-toggle类重写为{display：inline-block;}