Html 如何使引导表单归档到100%的宽度

我有两个col div在一行中，每个都有两个文本字段，同时在mobile中重新调整大小，文本框的宽度不会达到100%，看起来很难看

下面是我的引导代码，但在选择字段中，宽度看起来还可以

这是演示链接，请参见“姓名”和“电话”字段

名称
电话

您很可能使用“容器”作为基础。根据Bootstrap（搜索“容器流体”）的说法，容器流体类是将div设置为视口全宽的一个类。

您可能需要的是如下内容：

<div class="container">
    <div class="row">
        <div class="col-md-6" >
            <div class="form-group">
                <label for="Name">Name </label>
                <input class="form-control" name="Name" type="text">
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label for="phone">Phone </label>
                <input class="form-control" name="phone" type="tel">
            </div>
        </div>
    </div>
</div>

名称
电话

---

如果你使用这种结构，它应该像你描述的那样工作。

删除

好的，我删除了，但它会干扰开始日期和结束日期字段，并且两者都不会100%匹配。请遵循这种HTML结构。你是否查看过网站，或者在阅读“引导”和“全宽”后复制并粘贴了你的答案？之前没有任何答案可供复制-前不久，全宽div是我倾斜引导的问题，所以想检查一下。

<div class="container">
    <div class="row">
        <div class="col-md-6" >
            <div class="form-group">
                <label for="Name">Name </label>
                <input class="form-control" name="Name" type="text">
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label for="phone">Phone </label>
                <input class="form-control" name="phone" type="tel">
            </div>
        </div>
    </div>
</div>