Нужно руководство по CSS материализации в Навбар - PullRequest
Новая
       21

Нужно руководство по CSS материализации в Навбар

0 голосов
/ 30 марта 2020

Я пытаюсь научиться материализовать CSS рамки и сталкиваюсь с небольшой проблемой. Это выглядит грязно, когда я добавляю поисковый ввод или когда я добавляю систему сетки. Я не знаю почему. 

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

    <title></title>
  </head>
  <body>
    <nav>
      <div class="row">
        <div class="col s12 l12">
          <div class="nav-wrapper navbar-fixed">
              <div class="row">
                <div class="brand-logo left col s12 l4">
                    <a href="#">opplance</a>
                </div>
              </div>
              <div class="row">
                <form class="col s6 l4 " method="GET">
                  <input type="search" name="" value="">
                  <button type="submit" name="button" class="btn"> <i class="material-icons">search</i>
                  </button>
                </form>
              </div>
              <div class="row">
                <ul class="right col s6 l4">
                  <li> <button type="button" name="button" class="btn"><a href="#"class="right-align">Register</a></button> </li>
                  <li><button type="button" name="button" class="btn"><a href="#"class="right-align">Login</a></button></li>
                </ul>
              </div>
          </div>

        </div>

      </div>
    </nav>
  </body>
</html>
...