Html 格式化导航栏(返回到同一行)

Html 格式化导航栏(返回到同一行),html,css,Html,Css,编辑:我的来源是 css文件位于static/css/main.css下 html位于template/student/index.html 到目前为止,我的代码如下所示 <div class="content-wrap"> <header class="hero-area" id="home"> <div class="container"> <div> <div class="nav navbar-

编辑:我的来源是

css文件位于static/css/main.css下

html位于template/student/index.html

到目前为止,我的代码如下所示

 <div class="content-wrap">
 <header class="hero-area" id="home">

  <div class="container">
      <div>

        <div class="nav navbar-inverse sticky-navigation navbar-fixed-top" data-spy="affix" data-offset-top="200">
          <div class="container">
          <nav>
            <div class="nav-wrapper">
              <form onsubmit="return false;">
                <div class="input-field">
                  <input id="search" type="search" required placeholder="Search">
                  <label for="search"><i class="material-icons">search</i></label>
                  <i class="material-icons">close</i>
                </div>
              </form>
              <button class="menu-icon"  id="open-button">
                <i class="mdi-navigation-menu"></i>
              </button> 
            </div>
          </nav>
          </div>
        </div>
    </div>    

搜索
关闭
到目前为止,我有两个问题,这应该是一个容易解决的问题,但已经3个小时了,我仍然没有任何进展

zippyshare com/v/h2ThM1Xi/file.html

zippyshare com/v/0h9KvaQI/file.html

(在中添加点)


我需要使菜单图标与搜索栏位于同一行(class=“row”不起作用),搜索栏后面有一个蓝色的栏,我不知道它从哪里来

你在用它格式化吗?也可以包括完整的。我看不到结束
标题
标记。没有CSS和整个HTML,我们如何帮助您?您不能将代码粘贴到这里吗?还是创造一把小提琴?我无法访问您的bitbucket..@makshh html位于模板(basehomefinal.html和/student/index.html)中,css和js位于静态文件夹下