материализация navbar сходит с ума (заголовок под navbar, плавающий вправо не будет работать) - PullRequest
Новая
       8

материализация navbar сходит с ума (заголовок под navbar, плавающий вправо не будет работать)

0 голосов
/ 08 января 2019

Я пытаюсь создать ToDo-приложение с материализацией CSS, но после добавления «nav-title» в мой элемент h3, элемент находится под панелью навигации. Также, если я плаваю в заголовке справа, он находится рядом с основным контейнером, ширина которого должна быть 70%. Я должен поместить все в другой контейнер, чтобы получить название в нужном месте. Вот сур и картинки: 

<html>

<head>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
    <link rel="stylesheet" href="css/own.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ToDo App</title>
</head>

<body>

<nav class="teal lighten-2">
       <div class="nav-wrapper">
       <div class="container">


        <a href="#" class="sidenav-trigger" data-target="mobile-links"><i class="material-icons">menu</i></a>
        <ul class="hide-on-med-and-down">
            <li class="active"><a href="#Home">Home</a></li>
            <li><a href="#Archiv">Archiv</a></li>
        </ul>
        <h3 class="nav-title right">ToDo-App</h3>
        </div>
        </div>
    </nav>

    <ul class="sidenav" id="mobile-links">
            <li class="active"><a href="#Home">Home</a></li>
            <li><a href="#Archiv">Archiv</a></li>
        </ul>


<div class="container">


</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/materialize.min.js"></script>
</body>
</html>

Вот картинки:

https://gyazo.com/d84bbdb2a2bbd286f11e537cf2db32a6

https://gyazo.com/e7bab7c225aaf5de752ee77391376e5c

...