列大小调整在引导程序4中不起作用

Question

我正在尝试使表单输入在小型设备上填充屏幕的宽度。但这是行不通的。它应该在较大的屏幕上正常运行，但在手机应该响应时却无法正常工作。

<family>

Answer 1

正如您在文档中看到的那样，

col-0在Bootstrap中不是有效的类：

https://getbootstrap.com/docs/4.1/layout/grid/

Answer 2

尝试一下...

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h1 class="text-center" style="margin-top:100px;color:White;font-size:40pt;">Site in constructie</h1>
        </div>
        <div class="col-12 col-md-12 col-sm-12"></div>
        <div class="col-12 col-md-12 col-sm-12">
            <form id="subscribeForLaunch" class="input-group">
                <input type="text" class="form-control" style="background:rgba(255,255,255,0.8);" placeholder="Email" />
                <button class="btn btn-info">Submit!</button>
            </form>
        </div>            
    </div>
</div>

Answer 3

我在文档之前进行过检查，并且col- *是有效的类