Boostrap 3 -4活动课程链接

Question

这是我使用Bootstrap 3编写的代码，它为我提供了水平页面底部的页面列表，但是当我升级到Boostrap 4时，列表现在是垂直的吗？我需要水平吗，知道如何？

<?php

$number_list = array();
for($i =1; $i <= $count; $i++) {
    if($i == $page) {
        echo "<li '><a class='page-link' href='index.php?page={$i}'>{$i}</a></li>";
    }  else {
        echo "<li '><a href='index.php?page={$i}'>{$i}</a></li>";
    } 
}

?>

Answer 1

尝试使用类似这样的CSS。 li的左浮动将它们水平放置，彼此相邻，ul的溢出规则确保所有内容都保存在ul内并且不会溢出。

ul#name-of-ul {
    overflow: auto;
}

ul#name-of-ul li {
    float: left;
}

如果它们仍然看起来不水平，请尝试向width添加li规则。