Форма бутстрапа сжимается при расширении экрана.

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