Html 自定义引导3导航栏-对齐链接

因此，在阅读了几个类似的问题和一些尝试和错误（主要是错误）之后，我仍在试图把这件事弄清楚

我们创建的自定义导航栏上的链接是左对齐的

|链路（全部左对齐）

我们正试图实现的是在自定义导航栏中的等距链接

|链接。。。。链接链接链接链接|（它们像这样均匀分布的地方）

css包括在内。我不确定哪里出了问题，但任何帮助都将不胜感激

.navbar自定义{
背景色：#4c8917；
边框颜色：#3c6d12；
背景图像：-webkit渐变（线性，左0%，左100%，从（#64b51e）到（#4c8917））；
背景图片：-webkit线性渐变（顶部，#64b51e，0%，#4c8917，100%）；
背景图像：-moz线性梯度（顶部，#64b51e 0%，#4c8917 100%）；
背景图像：线性渐变（至底部，#64b51e 0%，#4c8917 100%）；
背景重复：重复-x；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ff64b51e'，endColorstr='#ff4c8917'，GradientType=0）；
}
.导航栏定制.导航栏品牌{
颜色：#ffffff；
}
.navbar定制。navbar品牌：hover，
.navbar定制。navbar品牌：focus{
颜色：#E6；
背景色：透明；
}
.navbar自定义.navbar文本{
颜色：#ffffff；
}
.navbar自定义.navbar导航>li>a{
颜色：#ffffff；
}
.navbar自定义.navbar nav>li>a:悬停，
.navbar自定义。navbar导航>li>a:焦点{
颜色：#E6；
背景色：透明；
}
.navbar自定义.navbar导航>.active>a，
.navbar自定义.navbar导航>.active>a:悬停，
.navbar自定义.navbar导航>.active>a:焦点{
颜色：#E6；
背景色：#3c6d12；
背景图像：-webkit渐变（线性，左0%，左100%，从（#3c6d12）到（#54981a））；
背景图片：-webkit线性渐变（顶部，#3c6d12，0%，#54981a，100%）；
背景图像：-moz线性梯度（顶部，#3c6d12 0%，#54981a 100%）；
背景图像：线性渐变（至底部，#3c6d12 0%，#54981a 100%）；
背景重复：重复-x；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ff3c6d12'，endColorstr='#ff54981a'，GradientType=0）；
}
.navbar自定义.navbar导航>.disabled>a，
.navbar自定义.navbar导航>.disabled>a:悬停，
.navbar自定义.navbar导航>.disabled>a:焦点{
颜色：#中交；
背景色：透明；
}
.navbar自定义.navbar切换{
边框颜色：#dddddd；
}
.navbar自定义.navbar切换：悬停，
.navbar自定义.navbar切换：焦点{
背景色：#dddddd；
}
.navbar自定义.navbar切换.图标栏{
背景色：#中交；
}
.导航栏自定义。导航栏折叠，
.navbar自定义.navbar表单{
边框颜色：#3b6a12；
}
.navbar自定义.navbar导航>.dropdown>a:hover.caret，
.navbar自定义.navbar导航>.dropdown>a:focus.caret{
边框顶部颜色：#e6；
边框底色：#e6；
}
.navbar自定义.navbar导航>.open>a，
.navbar自定义.navbar导航>.open>a:悬停，
.navbar自定义.navbar导航>.open>a:焦点{
背景色：#3c6d12；
颜色：#E6；
}
.navbar自定义.navbar导航>.open>a.插入符号，
.navbar-custom.navbar-nav>.open>a:hover.caret，
.navbar自定义.navbar导航>.open>a:focus.caret{
边框顶部颜色：#e6；
边框底色：#e6；
}
.navbar自定义.navbar导航>.dropdown>a.插入符号{
边框顶部颜色：#ffffff；
边框底色：#ffffff；
}
@介质（最大宽度：767）{
.navbar自定义.navbar导航打开.下拉菜单>li>a{
颜色：#ffffff；
}
.navbar自定义.navbar导航打开.下拉菜单>li>a:悬停，
.navbar自定义.navbar导航打开.下拉菜单>li>a:焦点{
颜色：#E6；
背景色：透明；
}
.navbar自定义.navbar导航.打开.下拉菜单>.active>a，
.navbar自定义.navbar导航.打开.下拉菜单>.active>a:悬停，
.navbar自定义.navbar导航.打开.下拉菜单>.active>a:焦点{
颜色：#E6；
背景色：#3c6d12；
}
.navbar自定义.navbar导航.打开.下拉菜单>.disabled>a，
.navbar自定义.navbar导航.打开.下拉菜单>.disabled>a:悬停，
.navbar自定义.navbar导航.打开.下拉菜单>.disabled>a:focus{
颜色：#中交；
背景色：透明；
}
}
.navbar自定义.navbar链接{
颜色：#ffffff；
}
.导航栏自定义.导航栏链接：悬停{
颜色：#E6；
}

试试这个：

.navbar-custom .navbar-nav > li > a {
    margin-right: 50px;
}

---

播放间距，直到得到所需的间距。

使用较少的间距编译引导程序时，可以使用以下代码：

.nav.navbar-nav {
&:extend(.nav-justified all);
}

---

你能发布你的HTML或使用吗？你试过使用引导

nav-justized

类吗？事实上，我用过nag-justized。没什么区别。（每个请求）感谢您花时间来研究这个问题。已经进行了一半！现在它已居中，但仅居中。我希望实现真正的对齐，以填充大量空间。这里的Bootply链接请仅将更新的css发布到您的文件中，而不是整个6000行Bootstrap css（Bootply已经添加了该链接）。我将该类添加到样式表中，它对我有效。您必须根据不同的屏幕大小调整像素。全部完成。更新的引导层。