Twitter bootstrap 我的菜单有问题吗?我想知道哪个类元素函数需要在引导中使用菜单响应?当我收缩浏览器时

Twitter bootstrap 我的菜单有问题吗?我想知道哪个类元素函数需要在引导中使用菜单响应?当我收缩浏览器时,twitter-bootstrap,Twitter Bootstrap,请访问此链接。到目前为止,我已经编写了这样的代码并上传到服务器上。现在我想知道我需要在这里给出的代码中使用哪个类元素,请纠正我,我是这样写的,请让它完全响应,请给我类元素解释,因为我想正确地学习引导,现在才开始,我的第一个网站。我也想知道如何移动的标志和菜单形式左侧,像这个我的参考网站,。当你们看到我们上传的文件链接时,标志和菜单都是在离左边很近的地方启动的,我需要使用左边的填充还是我需要在引导中使用哪个类。请正确地引导我 这是我的密码: <div class="container-flu

请访问此链接。到目前为止,我已经编写了这样的代码并上传到服务器上。现在我想知道我需要在这里给出的代码中使用哪个类元素,请纠正我,我是这样写的,请让它完全响应,请给我类元素解释,因为我想正确地学习引导,现在才开始,我的第一个网站。我也想知道如何移动的标志和菜单形式左侧,像这个我的参考网站,。当你们看到我们上传的文件链接时,标志和菜单都是在离左边很近的地方启动的,我需要使用左边的填充还是我需要在引导中使用哪个类。请正确地引导我 这是我的密码:

<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>

cdn:
您可以对无序列表使用float属性,如:

<ul class="nav navbar-nav" style="float:right">
并可能帮助您了解引导程序的基础知识

谢谢。


<!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>
无标题文件

应用此属性后,在正常css中,它已向右移动,我有一个疑问。我习惯于给出类似的宽度:100px或150px,根据菜单格式,在bootstrap中我们不能这样做?它会自动调整宽度吗,请告诉我,菜单和徽标如何,徽标位于左侧非常近的位置?如何进一步向右移动,请查看我的参考网站,并指导我如何响应菜单,这才刚刚开始。如果你能帮助我正确的菜单编码也,真的谢谢你,因为导航栏导航或导航标题有吗?我必须先从哪一个开始?你可以将徽标保留在导航栏标题中,我提到的链接通过这里给出的“自己尝试/示例”进行。这对你会有很大帮助。是的,在引导中不需要显式设置宽度属性。浏览引导程序教程,学习并尝试实现它。这里有一个到引导网格基础的链接:请查看我们讨论过的未正确反映的链接。请查看我的参考站点、徽标和菜单间隙。我需要这样。如果你给我写信的话,就给菜单写一次。我学得很好,希望你能理解。我是这方面的初学者我需要使用marign auto属性吗?请教育我,因为上面给出的链接没有正确反映我检查了你的源代码,并对我做了一些修改,没有正确反映检查。我上传了你的代码。请再看一次,徽标完全贴在左边,请看我的参考链接,我需要左边和右边的空间形式,然后用左边的填充图案div,右边的填充图案uli,我在问这个没有类吗?你可以为此创建自己的类