时间戳

首页 > 解决方案 > 2个文本输入填充整个宽度不起作用

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

问题描述

<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>

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

对不起，如果这是一个愚蠢的初学者问题。我是 html 和引导程序的新手。

标签： htmltwitter-bootstrap-3

解决方案

什么是“mb-3”类？你是说md-3吗？您只需要设置列宽（如果您使用的是引导程序）。
打开开发人员工具并检查表单周围的填充和边距。表单本身和嵌套的 div 可能占用了一些空间。此外，输入具有不同的父项，因此您的样式可能未针对正确的选择器。

推荐阅读