隨着屏幕的擴展，引導格式會縮小。

Question

我想使輸入的寬度與模態相同。目前在「md」符合模式，但是一旦屏幕擴展到「lg」，輸入縮小到模態大小的一半。我正確使用col-lg-12嗎？

<form class="form-horizontal" action="" method="post"> 
    <fieldset> 
    <legend class="text-center">Contact me</legend> 

    <!-- Name input--> 
    <div class="form-group"> 
     <label class="col-md-3 control-label" for="name">Name</label> 
     <div class="col-md-9 col-lg-12"> 
     <input id="name" name="name" type="text" placeholder="Your name" class="form-control"> 
     </div> 
    </div> 

    <!-- Email input--> 
    <div class="form-group"> 
     <label class="col-md-3 control-label" for="email">Your E-mail</label> 
     <div class="col-md-9 col-lg-12"> 
     <input id="email" name="email" type="text" placeholder="Your email" class="form-control"> 
     </div> 
    </div> 

    <!-- Message body --> 
    <div class="form-group"> 
     <label class="col-md-3 control-label" for="message">Your message</label> 
     <div class="col-md-9 col-lg-12"> 
     <textarea class="form-control" id="message" name="message" placeholder="Please enter your message here..." rows="5"></textarea> 
     </div> 
    </div> 
    <div class="modal-footer"> 
    <!-- Form actions --> 
    <div class="form-group"> 
     <div class="col-md-12 text-right"> 
     <button type="submit" class="btn btn-default btn-md">Close</button> 
     <button type="submit" class="btn btn-primary btn-md">Submit</button> 
     </div> 
    </div> 
    </div> 
    </fieldset> 
    </form> 

Answer 1

看看這個。 LINK

同樣注意行<div class="col-md-9 col-lg-12">更改爲<div class="col-md-12 col-lg-12">