bootstrap选择选项滚动不显示

Question

我为带有bootstrap v4的产品构建了一个表单。在选择类别部分，当我单击选择选项而不是下拉列表时，它将显示dropup并将显示滚动。我也尝试在css中使用.over类为下拉列表显示滚动但没有任何反应它仍然显示dropup。我想要的是当用户点击选择它将以下降方式显示下拉列表的类别。不知道怎么做。？

<select name = "category" id="category" class="form-control over">
                           <?php
                         foreach ($catlist as $category)
                         {
                         if (isset($_POST["category"]) && $_POST["category"] == $category)
                         echo "<option selected='selected' value='$category'>$category</option>";
                         else
                         echo "<option value='$category'>$category</option>";
                         }
                         ?>


                    </select>

我试过的我的css代码是

.over{ overflow: scroll;}

或

.over{overflow: visible;}

在php类别列表中就像这样

$catlist = array ("1", "2", "3" .... "26")

编辑：下拉工作直到14个选项，但当我尝试15时，它会显示像下拉。现在有超过26个类别。