html - Bootstrap 中是否有像 btn-block 这样的输入 block 样式？

Question

我想通过 Bootstrap 更改输入的宽度，例如具有 btn-block 样式的按钮。为了您更好地理解，我从我的元素中拍了一张照片。

   <hr/>
    <div class="container">
        <form class="form-horizontal">
            <div class="form-group">  
                <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-2">
                    <input type="email" class="form-control form-control input-lg" id="email" placeholder="Enter number">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-8">
                    <button type="submit" class="btn btn-default btn-lg btn-block">Submit</button>
                </div>
            </div>
        </form>
    </div>

My project picture

Answer 1

像这样改变你的代码

 <div class="container">
        <form class="form-horizontal">
            <div class="form-group">  
                <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-2">
   <input type="email" class="form-control form-control input-lg" id="email" placeholder="Enter number">
                </div>
            </div>
            <div class="form-group">
               <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-2">
                    <button type="submit" class="btn btn-default btn-lg btn-block">Submit</button>
                </div>
            </div>