Html 我的导航条img不支持引导中的左浮动_Html_Css_Bootstrap 4

Html 我的导航条img不支持引导中的左浮动

html css bootstrap-4

Html 我的导航条img不支持引导中的左浮动,html,css,bootstrap-4,Html,Css,Bootstrap 4,我编写了一个导航条，并使用引导程序来实现这一点 <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=divice-width ,intial-scale=1"> <title>complete bootstrap 4 website layout</title> <link rel

我编写了一个导航条，并使用引导程序来实现这一点

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=divice-width ,intial-scale=1">
<title>complete bootstrap 4 website layout</title>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/popper.min.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V" crossorigin="anonymous">
</head>

<body>

<!--navigation-->
<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
<div class="container-fluid">
    <a href="" class="navbar-brand float-left"><img src="img/mehrlogo.png" alt=""></a>
</div>
</nav>

</body>
</html>


完整的引导4网站布局

我想把我的标志设置在浏览器的左边，但它不会问题是什么

Bootstrap 4 请注意，Bootstrap4文档将

div

标记与

float

类一起使用。

它不适用于

标记
Bootstrap小于4


我注意到您在锚标记中添加了一个float left类。
据我所知，引导中没有类，因为向左浮动
您可以简单地定义自己的类

.向左浮动{
浮动：左；
}

希望对您有所帮助：）
您可以使用列表来实现这一点，它与示例非常相似




这是一个不好的做法，因为在navbar下。容器流体
没有使用，因为这是一个容器，我们必须在其中放置一些其他类，如行
列
等
<!--navigation-->
<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
<div class="container-fluid">
    <a href="" class="navbar-brand float-left"><img src="img/mehrlogo.png" alt=""></a>
</div>
</nav>



好的做法是简单地使用bootstrap navbar，它可以从internet上的许多资源上获得下面给出的简单navbar示例以及在bootstrap.min.css文件中有许多css类只需调用类名即可在项目中使用
如果您使用此代码，则无需设置“左浮动”和“右浮动”，只需使用带有img标签的navbar品牌下的徽标即可












我们认为您的徽标是一个i标签；添加这个类

如果你的logo不是i标签，你也可以使用这段代码；img、div等标签。
您好，欢迎来到stackoverflow。你能提供更多的代码吗？在引导程序4中有左浮动右浮动和无浮动。。。看一看，当我在html标签中打开样式并设置为向左浮动时，徽标没有更改您的答案mr@DivySrivastava这很有用我想在左侧设置徽标，并设置主页和。。。向右走，彼此不靠近。。。我该怎么办？这是youtube上的一个实践，它在导航标签中设置了容器floud。。。顺便说一句，谢谢你的关注和支持answer@hossein但这是一个糟糕的做法你想在左边的标志，然后简单地使用我的答案导航栏你不需要为它写额外的css为什么我的代码设置的标志在默认情况下右边，不再移动？我想设置的标志在左边，并设置像主页和。。。在右边，不是彼此靠近我想在左边设置徽标，并设置像home和。。。向右走，彼此不靠近。。。我该怎么办？你用ml auto类创建2end ul，并在其中添加链接，希望对你有所帮助。如果这条路行得通，那就投票吧