css - 向左和向左拉不动在手机上

所以我有一个bootstrap 36网格列。
左侧的侧边栏和右侧的内容。
当我使用向右/向左拉时，它仅适用于台式机吗？

<div class="container">
    <div class="row">
        <div id="sidebar" class="col-md-9 col-xs-36 pull-right">
        </div>
        <div id="content" class="col-md-27 col-xs-36 pull-left">
        </div>
    </div>
</div>

在移动设备上，侧边栏仍会首先显示。为什么？

好的，我已经自定义了网格，您可以在引导网站上进行。请停止说我不能。

最佳答案

因为您使用过col-xs-36，这意味着此列全部占用可用宽度的100％，然后为什么要使用pull-right或pull-left，减少列数，然后就可以了

.box{padding-top: 30px;}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">


<div class="container">
    <div class="row">
        <div id="sidebar" class="col-md-9 col-xs-6 pull-right box">
          <p>abd abd abd abd abd abd abd abd abd abd abd abd </p>
        </div>
        <div id="content" class="col-md-3 col-xs-6 pull-left box">
          <p>abd abd abd abd abd abd abd abd abd abd abd abd </p>
        </div>
    </div>
</div>

关于css - 向左和向左拉不动在手机上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36693216/