Bootstrap 4 Bootstrap—侧边栏列表中的列数

在超大屏幕上，我希望在“main”div上方有三列列表。在较大屏幕上，我需要在“main”div左侧有一列

它在超大屏幕上运行良好，但在较大屏幕上，它影响“侧边栏div”，就像它在“main”顶部的方式一样，就像它的类指定为“col-xs-4 col-sm-12”。我怎样才能改变它

<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>

1
2
3
4
5

我不是引导专家，但为什么你们的ul级排在第一位？为什么您的列表项是col-sm-12，而您没有在其中指定类别？如果你没有，一切都会好得多。我想你需要澄清关于超大尺寸的问题。我想在“主”分区上方有三列列表。在较大尺寸的屏幕上，我需要在“主”分区左侧有一列。希望有意义。