2个文本输入填充整个宽度不起作用

Question

<div class="row mb-3">
    <div class="col-6">
        <form autocomplete="off" action="/action_page.php">
            <div class="autocomplete" >
                <input type="text" id="startLocation" class="form-control" placeholder="von Bahnhof / Haltestelle / Adresse" tabindex="-1">
            </div>
        </form>
    </div>
    <div class="col-6">
        <input type="text"id="destination" class="form-control" placeholder="nach Bahnhof / Haltestelle / Adresse" tabindex="-1">
    </div>
</div>

我希望我的两个文本输入相同，并且要填充总宽度。问题是＆＃34; startLocation没有正确的宽度。我认为它是因为它嵌套在另一个元素中，但我需要另一个元素来拥有类autocompleted所以我不知道如何解决这个问题。

对不起如果这是一个愚蠢的初学者问题。我是html和bootstrap的新手。

Answer 1

什么是＆＃34; mb-3＆＃34;排成一排？ 你的意思是md-3？你只需要设置列宽（如果你正在使用bootstrap） 打开开发人员工具并检查表单周围的填充和边距。表单本身和嵌套的div可能占用了一些空间。此外，输入具有不同的父级，因此您的样式可能不会定位到正确的选择器。