Html 如何将导航栏文本居中？_Html_Css_Twitter Bootstrap_Navbar

Html 如何将导航栏文本居中？

html css twitter-bootstrap

Html 如何将导航栏文本居中？,html,css,twitter-bootstrap,navbar,Html,Css,Twitter Bootstrap,Navbar,这是我的代码： <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> </head> <title>Main Page</title> <body> <div class="navbar">

这是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    </head>
    <title>Main Page</title>
    <body>
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container">                    
                    <ul  class="nav nav-pills-justified">
                        <li><a href "#">about</a></li>
                        <li><a href "#">blog</a></li>
                        <li><a href "#">portfolio</a></li>
                        <li><a href "#">contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <script src="js/bootstrap.js">
        </script>
    </body> 
</html>

我希望导航栏中的文本居中固定在顶部。

这里我发布了带有居中导航文本的简单导航栏。你可以用这个

HTML

我不清楚你的问题。请提供一个jsFiddle:jsFiddle.netThanks进行编辑。你知道导航栏是如何在顶部水平的吗？至少我有一个。我想把关于博客、投资组合、联系人的文字放在最上面。Idk如何简化我的问题…谢谢！还有，如何在HTML中使用CSS？是：？@user3223207:No代表javascript。你应该这样说。如果这个答案有用，你可以接受这个答案为正确答案。。

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">

    <ul class="nav-pills-justified">
      <li><a href ="#">about</a></li>
      <li><a href ="#">blog</a></li>
      <li><a href ="#">portfolio</a></li>
      <li><a href ="#">contact</a></li>
    </ul>

    </div>
  </div>
</div>

.nav-pills-justified
{
    text-align: center;
    width: 100%;
    min-width:980px;
    background: #EDEDED;
    color: #000000;
    height: 50px;
    list-style-type: none;
}
.nav-pills-justified li
{
    display: inline-block;
}
.nav-pills-justified li a
{
    text-decoration: none;
    padding: 15px 25px;
    display: inline-block;
}
.nav-pills-justified li a:hover
{
    background: red;
}

.nav-pills-justified {
   height:50px;
   list-style-type:none;
  }
  .nav-pills-justified li {
  display: inline-block;
  margin-bottom:1000px;
  margin-left:250px;
  width:1px;
  font-size: 20px;
  }
  .nav-pills-justified li a {
  display: inline-block; 
  }