我在这里尝试搜索,但是找不到任何与这个具体问题相关的内容。
我正在尝试制作一个标题,左右两侧有一个按钮,中间有一个logo,但是每当我使窗口变小或变大时,右侧的按钮就无法保持对齐。
以下是代码:
<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>
我在这里漏掉了什么?
提前感谢。
问题已解决,代码现在如下:
<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>