Html 引导中的对中导航栏按钮

我正在尝试一些网页设计，但我不知道如何使我的项目中的导航按钮居中。我希望从主页到第3页的按钮居中，我想知道是否有一种简单的方法可以单独在HTML文件中实现这一点，而不需要单独的CSS类。

引导101模板

在Bootstrap.CSS中进行一些更改 可能是这样的

.nav navbar-nav
{
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin: auto;
}

---

选中此处=>

使用此css将使导航按钮处于中间位置

navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

---

实现这一点的唯一方法是调整一些CSS属性。基本上从导航栏nav中删除浮动并将文本居中。但是如果你真的想让它们居中，你必须为

导航栏品牌

类指定一个宽度，并为

导航栏导航

添加一个等于该宽度一半的负边距

请参阅工作示例代码段

@介质（最小宽度：768px）{
.navbar.navbar-default{
高度：50px；
}
.navbar.navbar-default.container流体，
.navbar.navbar-default.container{
文本对齐：居中；
}
.navbar.navbar-default.navbar导航{
显示：内联块；
浮动：无；
左边距：-75px；
}
.navbar.navbar-default.navbar品牌{
宽度：150px；
}
}

切换导航

如果没有实际代码，几乎不可能给出答案。你应该发布HTML和CSS相关的代码。很抱歉。我现在添加了它。嗨，在你的预览中，主页按钮居中，其余的左右。我希望主页按钮位于左侧，其他按钮居中。预览只是示例。我认为您可以在bootstrap.css中进行一些更改。找到您的类。导航导航栏默认值，并添加文本对齐值。文本对齐：居中；。我认为这可能有效：）

navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}