格式化导航栏（返回同一行）

Question

编辑：我的来源是https://bitbucket.org/kunaladhia01/studentaccounts/src

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”不能正常工作），搜索栏后面有这个蓝色栏，我不知道它来自哪里