Jquery 导航条不会居中引导

我有一个导航栏，我想在标题下方居中。我在这里遗漏了一些东西，我希望它能够正确调整大小，并在整个过程中保持居中

    <div class="row">
      <div class="col-md-12">
        <h2 class="portfolio-head">PORTFOLIO</h2>
      </div>
    </div>
    <div class="row">
        <div class="col-md-12 col-xs-12 text-center">
            <div class="portfolio-nav-holder col-md-6">
              <ul class="portfolio-nav">
                <li><a>Featured</a></li>
                <li><a>Websites</a></li>
                <li><a>Logos</a></li>
                <li><a>Graphics</a></li>
                <li><a>Photography</a></li>
              </ul>
            </div>
        </div>
    </div>

文件夹

您可以将列设置为仅使用一半大小，然后将列居中

CSS

HTML



特色
网站
标志
图形
摄影

从链接中删除
float
，并使
li
的
内联块
，然后父级（您已经拥有）上的
文本对齐：居中将所有内容居中

在
ul
上还有一个默认的左填充，因此将
padding:0
添加到
.portfolio nav
，使其真正居中

而不是在资产净值中的所有
a
，只在2个
a
之间添加一个右边距，使用
。投资组合资产净值：而不是（：最后一个孩子）a{margin right:15px；}


。投资组合负责人{
字体系列：“Lato”，无衬线；
字号：2.5em；
字体：斜体；
文本对齐：居中；
}
.投资组合资产净值持有人{
高度：20px；
保证金：0自动；
溢出：隐藏；
}
.投资组合资产净值{
颜色：黑色；
列表样式：无；
填充：0；
}
.投资组合资产净值a{
文字装饰：无；
颜色：黑色；
}
.资产组合资产净值：不是（：最后一个孩子）a{
右边距：15px；
}
.李国宝{
显示：内联块；
}

文件夹

特色
网站
标志
图形
摄影

您需要提供
组合导航支架的宽度
以使其中心对齐

.portfolio-nav-holder{
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
   width: 450px;
}

以下是删除浮动属性fr0m Nav链接的步骤：

.portfolio-nav a{float:none}

在导航列表项中使用“显示内联”属性

 .portfolio-nav li{ display:inline-block}

这工作得很好，但是Col-md-6不得不改为Col-md-12。谢谢@Jiroscopes啊，是的，没看到，不过你需要
.col-md-12
？它已经在一个专栏里了。我刚刚删除了
.col-md-6
，看起来还可以。这样行吗？
.portfolio-nav a{float:none}

 .portfolio-nav li{ display:inline-block}