我尝试在此处查找此内容,但找不到与该特定问题相关的任何内容。
我试图制作一个标题,该标题在屏幕的左右两侧都有一个按钮,中间有一个徽标,但是每当我使窗口变小或变大时,右边的按钮就不会保持对齐。
这是代码:
<header>
<div id="container-fluid">
<div class="row">
<div class=" col-2">
Menu
</div>
<div class="col-8 text-center ">
Logo
</div>
<div class="col-2 float-right">
Contact
</div>
</div>
</div>
</header>
Run Code Online (Sandbox Code Playgroud)
我在这里想念什么?
提前致谢。
修复它,代码现在看起来像这样:
<body>
<header>
<div id="container-fluid">
<div class="row">
<div class="col">
<span class="float-left">Menu</span>
</div>
<div class="col text-center">
Logo
</div>
<div class="col">
<span class="float-right">Contact</span>
</div>
</div>
</div>
</header>
</body>
Run Code Online (Sandbox Code Playgroud)