Возникли проблемы с моим меню? Я хочу знать, какая функция элемента класса должна использовать отзывчивое меню в начальной загрузке? когда я сжимаю браузер - PullRequest
0 голосов
/ 09 мая 2018

перейдите по этой ссылке http://smclothingg.com/te/. Пока что я написал такой код и загрузил его на сервер. Теперь я хочу знать, какой элемент класса мне нужно использовать в меню, реагирующем в этом коде, приведенном здесь. Пожалуйста, исправьте меня, я написал так, пожалуйста, сделайте его полностью адаптивным, и, пожалуйста, дайте мне объяснение элемента класса, потому что я хочу изучить начальную загрузку , только сейчас запускается, мой первый веб-сайт. А также я хочу знать, как переместить логотип и форму меню в левую сторону, как этот мой справочный веб-сайт, http://neptunebuildcon.com/., когда вы видите, что наш загруженный файл ссылается как на логотип, так и на меню. началось очень близко к левой стороне, мне нужно использовать padding-left или какой класс мне нужно использовать в начальной загрузке. пожалуйста, направь меня правильно Вот мой код:

<div class="container-fluid">
<a class="navbar-brand" href="index.php">
<div class="logo">
<img src="image/logo.png"/><br/> Welcome To Lotus Groups
</div><!--endoflogo-->
</a>
<div class="collapse navbar-collapse js-navbar-collapse">
<ul class="nav navbar-nav"> 
<li><a href="#">Lotus Construction</a></li>
<li><a href="#">Lotus  Interior</a></li>
<li><a href="#">Lotus  Digital</a></li>
<li><a href="#">Lotus  Property</a></li>
<li><a href="#">Lotus  Site</a></li>
</ul>
</div><!--collapse navbar-collapse js-navbar-collapse-->
</div><!--endofcontainer-fluid-->

cdn:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Ответы [ 2 ]

0 голосов
/ 09 мая 2018
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="navbar navbar-default">
            <div class="container-fluid">
                <a class="navbar-brand" href="#"><img src="image/logo.png" alt="Lotus Groups"/><div>Lotus Groups</div></a>
            </div>
            <ul class="nav navbar-nav" style="float:right"> 
                <li><a href="#">Lotus Construction</a></li>
                <li><a href="#">Lotus Interior</a></li>
                <li><a href="#">Lotus Digital</a></li>
                <li><a href="#">Lotus Property</a></li>
                <li><a href="#">Lotus Site</a></li>
            </ul>
        </div>
    </body>
</html>
0 голосов
/ 09 мая 2018

вы можете использовать свойство float с неупорядоченным списком, например:

<ul class="nav navbar-nav" style="float:right">

и это может помочь вам узнать об основах начальной загрузки.

Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...