Html 导航栏没有'；Don’不要一直走到边缘_Html_Bootstrap 4

Html 导航栏没有'；Don’不要一直走到边缘

html bootstrap-4

Html 导航栏没有'；Don’不要一直走到边缘,html,bootstrap-4,Html,Bootstrap 4,我刚开始学习布局。我正在使用引导。和一开始一样，我遇到了问题，我已经两天没能解决了我有两个问题：为什么导航栏没有一直延伸到边缘。如何解决？压痕没有产生预期的结果为什么按钮不起作用？我做的一切都像预期的那样。我指的是下列内容：以下是完整的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m

我刚开始学习布局。我正在使用引导。和一开始一样，我遇到了问题，我已经两天没能解决了

我有两个问题：

为什么导航栏没有一直延伸到边缘。如何解决？压痕没有产生预期的结果

为什么按钮不起作用？我做的一切都像预期的那样。我指的是下列内容：

以下是完整的代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap.min.css">
    <title>Document</title>
    <style>
        div {
            border: darkgreen 1px solid;
        }



        .li-center {
            position: absolute;
            left: 50%;
            transform: translatex(-50%);
        }
   

        nav .navbar-nav li a:hover {
            color: pink !important;
        }

        nav .navbar-nav li a {
            color: lime !important;
        }
    </style>
</head>

<body>

    <div class="container">
        <div class="container" style="margin:0px;">
            <nav class="navbar navbar-expand-md navbar-dark" style="background-color:darkblue;margin:0px;">
                <div style="margin:0px;">
                    <a class="navbar-brand" href="#">
                        <img src="img/bug.png" height="30" alt="bug logo">
                    </a>
                    <span class="mr-auto" style="font-weight: bold;font-size:large;color:white">Instruction</span>
                </div>
                <button class="navbar-toggler" data-toggle="collapse" data-target="#myMenu">
                    <span class="navbar-toggler-icon" style="color:lime"></span>
                </button>
               
                <div class="collapse navbar-collapse" id="myMenu">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="#">Products</a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#">Lessons</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Help</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>


        <div class="row">
            <div class="col-sm-12 col-md-6 col-lg-3">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt, dolor.
            </div>

            <div class="col-sm-12 col-md-6 col-lg-9">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quo dolor odit magnam explicabo
                delectus enim reiciendis quis cum? Ab, officia accusantium totam vel mollitia nemo repellat laudantium
                animi, illum modi consequatur, ipsa aperiam blanditiis maiores fuga alias dicta enim dolores deserunt
                quidem suscipit fugit! Praesentium voluptatibus distinctio, laudantium adipisci quisquam perspiciatis
                consequuntur tempore, dignissimos error blanditiis aliquid nesciunt repellendus? Rerum ea molestias at
                repellendus illum veritatis consectetur quas possimus aperiam, itaque explicabo ducimus harum ullam unde
                placeat sunt nam laborum minima accusantium, provident hic non sed. Magnam doloribus aliquam, odit
                adipisci consequatur eligendi perspiciatis perferendis, quisquam voluptatum eaque ducimus?
            </div>
        </div>

    </div>


</body>

</html>


文件
div{
边框：深绿色1px实心；
}
李先生中心{
位置：绝对位置；
左：50%；
转化：translatex（-50%）；
}
导航栏导航李a：悬停{
颜色：粉红色！重要；
}
导航栏导航李a{
颜色：石灰！重要；
}
指示








我的同僚们都是精英。不，多洛。
我的同僚们都是精英。发明人解释性地说
我们的权利是什么？药典，药典，药典，药典
动物、动物、动物、植物和植物的名称
奎登·苏西比特·福吉特！区别性口香糖，透明性口香糖
暂时性的，尊严的错误，布兰迪是不流动的吗？在
真正的驱虫剂是一种保护性的驱虫剂，它可以解释为一种保护性的驱虫剂
位于新南威尔士州劳工局，普罗维登特hic非sed。大白云石
你是说，你是说，你是说，你是说，你是说，你是谁？

您可以使用以下css：

#myMenu{
margin: -9px;
}

将此添加到您的样式中：

*{
填充：0px；
边际：0px；
}

您需要添加正确的引导启动程序模板。我正在添加一个模板以及您的CSS。我希望这能奏效：）


文件
div{
边框：深绿色1px实心；
}
李先生中心{
位置：绝对位置；
左：50%；
转化：translatex（-50%）；
}
导航栏导航李a：悬停{
颜色：粉红色！重要；
}
导航栏导航李a{
颜色：石灰！重要；
}






搜寻
我的同僚们都是精英。不，多洛。
我的同僚们都是精英。发明人解释性地说
我们的权利是什么？药典，药典，药典，药典
动物、动物、动物、植物和植物的名称
奎登·苏西比特·福吉特！区别性口香糖，透明性口香糖
暂时性的，尊严的错误，布兰迪是不流动的吗？在
真正的驱虫剂是一种保护性的驱虫剂，它可以解释为一种保护性的驱虫剂
位于新南威尔士州劳工局，普罗维登特hic非sed。大白云石
你是说，你是说，你是说，你是说，你是说，你是谁？

尝试导航栏：

.container {
        margin: 0 !important;
        padding: 0 !important;
      }

谢谢你的回复但没有帮助。谢谢你的回复但没有帮助