Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导导航栏项目对齐_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 引导导航栏项目对齐

Html 引导导航栏项目对齐,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,根据一些在线教程,我正在尝试用bootstap构建一个非常简单的导航栏 我试图水平对齐导航栏项目,但我一直得到以下信息: 我的代码如下: <body> <nav class='navbar navbar-inverse'> <div class='container-fluid'> <div class='navbar-header'> <a href='#'

根据一些在线教程,我正在尝试用bootstap构建一个非常简单的导航栏

我试图水平对齐导航栏项目,但我一直得到以下信息:

我的代码如下:

    <body>
      <nav class='navbar navbar-inverse'>
        <div class='container-fluid'>
          <div class='navbar-header'>
            <a href='#' class='navbar-brand'> $Whoami </a>
          </div>
          <ul class='nav navbar-inverse navbar-custom'>
            <li ><a href='#'>Skills</a></li>
            <li ><a href='#'>Interests</a></li>
            <li ><a href='#'>Contact</a></li>
          </ul>
        </div>
      </nav>
      <h1> Hello World! </h1>
    </body>


你好,世界!

您只需将
导航栏导航添加到您的
ul

<nav class='navbar navbar-inverse'>
    <div class='container-fluid'>
      <div class='navbar-header'>
        <a href='#' class='navbar-brand'> $Whoami </a>
      </div>
      <ul class='nav navbar-nav navbar-inverse navbar-custom'>
        <li ><a href='#'>Skills</a></li>
        <li ><a href='#'>Interests</a></li>
        <li ><a href='#'>Contact</a></li>
      </ul>
    </div>
  </nav>
  <h1> Hello World! </h1>


你好,世界!

试试这个


你好,世界!
使用“float:left.”样式。e、 g.
  • 这是普通css,对吗?它会影响页面的响应吗?将
    navbar nav
    添加到