Php 10列使用无偏移的引导

我有一个包含10个项目的导航菜单，我试图使用引导程序很好地显示它们，但我似乎无法让它工作。 以下是我的物品：

$menu_items = array(
    'Home' => '#',
    'About Us' => '#',
    'Events' => '#'),
    'Tickets' => '#',
    'Hospitality' => '#',
    'News' => '#',
    'Gallery' => '#',
    'Promotions' => '#',
    'Sale' => '#',
    'Contact Us' => '#');

下面是我现在展示它们的方式：

<div class="container">
    <ul class="row">
        <?php foreach ($menu_items as $menu_item => $menu_link ) {
            if ( $menu_item == "Home" ) {
                echo"<li class='col-lg-offset-1 col-lg-1'> <a href='$menu_link'> $menu_item </a> </li>";
            }
            else {
                echo"<li class='col-lg-1'> <a href='$menu_link'> $menu_item </a> </li>";
            }
        } ?>
    </ul>
</div>

根据我的



根据我的



如果你想使用整页的宽度，那么用
container fluid
而不是
container
来分配包装器div，你能把它摆弄一下吗？这就是网格系统崩溃的地方。可以将第一列和最后一列分别设置为两列。或者您可以使用普通css并将每个li的宽度设置为10%。如果您想使用整页的宽度，则使用
container fluid
而不是
container
来分配包装div。您能不能将其摆弄一下？这就是网格系统崩溃的地方。可以将第一列和最后一列分别设置为两列。或者你可以使用普通css，将每个li的宽度设置为10%。这似乎是一个很好的解决方案，谢谢。但不幸的是，我正在寻找的东西将使我的10个项目最大限度地扩大我的页面宽度。但是，由于此解决方案仍然使用偏移量，所以看起来一切都一样。@Suika:我想您希望10个项目使用整页宽度，所以您需要做的是，首先为
div
指定一个偏移量
1
，其余
div
没有
offset
这似乎是一个很好的修复方法，谢谢。但不幸的是，我正在寻找的东西将使我的10个项目最大限度地扩大我的页面宽度。但是，由于此解决方案仍然使用偏移量，所以看起来一切都一样。@Suika:我想您希望10个项目使用整页宽度，因此您需要做的是，首先为
div
指定一个偏移量
1
，其余
div
不指定
offset
<div class="container-fluid">
<!-- <div class="container"> -->
    <ul class="row">
        <?php foreach ($menu_items as $menu_item => $menu_link ) {
            if ( $menu_item == "Home" ) {
                echo"<li class='col-lg-offset-1 col-lg-1'> <a href='$menu_link'> $menu_item </a> </li>";
            }
            else {
                echo"<li class='col-lg-1'> <a href='$menu_link'> $menu_item </a> </li>";
            }
        } ?>
    </ul>
</div>