Bootstrap - 侧栏列表中的列数

Question

在额外的小尺寸上，我希望在＆＃39; main＆＃39;之上有三列列表。 DIV。在更大尺寸的屏幕上，我需要在主屏幕的左侧有一列。 DIV。

它可以在超小尺寸上正常工作，但在更大的屏幕上，它会影响边栏div＆＃39;顺便说一句它位于＆＃39; main＆＃39;的顶部，就像它已经分配了类＃col; xs-4 col-sm-12＆＃34;。我怎样才能改变它？

<div class="container">
 <div class="row">
    <div class="col-sm-2" id="sidebar">
        <ul class="row">
             <li "col-xs-4 col-sm-12"> 1</li>
             <li "col-xs-4 col-sm-12"> 2 </li>
             <li "col-xs-4 col-sm-12"> 3</li>
             <li "col-xs-4 col-sm-12"> 4</li>
             <li "col-xs-4 col-sm-12"> 5</li>
        </ul>
    <div class="col-sm-10" id="main">
  </div>
</div>