如何在Bootstrap聯繫人表單上更改成功消息字體大小？

Question

在http://ahepa215.org/contact.html我正在使用我看到的Bootstrap響應聯繫表單。當你提交它時，會給你一個來自contact.php頁面的成功消息。 $okMessage = 'Contact form successfully submitted. Thank you, I will get back to you soon!';我怎樣才能讓這個信息變大？

<form id="contact-form" method="post" action="contact.php" role="form"> 
 
<div class="messages"></div> 
 
<div class="controls"> 
 
<div class="row"> 
 
           <div class="col-md-6"> 
 
            <div class="form-group"> 
 
             <label for="form_name">First Name *</label> 
 
             <input id="form_name" type="text" name="name" class="form-control" placeholder="Please enter your first name *" required="required" data-error="Firstname is required."> 
 
             <div class="help-block with-errors"></div> 
 
            </div> 
 
           </div> 
 
           <div class="col-md-6"> 
 
            <div class="form-group"> 
 
             <label for="form_lastname">Last Name *</label> 
 
             <input id="form_lastname" type="text" name="surname" class="form-control" placeholder="Please enter your last name *" required="required" data-error="Lastname is required."> 
 
             <div class="help-block with-errors"></div> 
 
            </div> 
 
           </div> 
 
          </div> 
 
          <div class="row"> 
 
           <div class="col-md-6"> 
 
            <div class="form-group"> 
 
             <label for="form_email">Email *</label> 
 
             <input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required."> 
 
             <div class="help-block with-errors"></div> 
 
            </div> 
 
           </div> 
 
           <div class="col-md-6"> 
 
            <div class="form-group"> 
 
             <label for="form_phone">Phone</label> 
 
             <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Please enter your phone"> 
 
             <div class="help-block with-errors"></div> 
 
            </div> 
 
           </div> 
 
          </div> 
 
          <div class="row"> 
 
           <div class="col-md-12"> 
 
            <div class="form-group"> 
 
             <label for="form_message">Message *</label> 
 
             <textarea id="form_message" name="message" class="form-control" placeholder="Message for me *" rows="4" required="required" data-error="Please,leave us a message."></textarea> 
 
             <div class="help-block with-errors"></div> 
 
            </div> 
 
           </div> 
 
           <div class="col-md-12"> 
 
            <input type="submit" class="btn btn-success btn-send" value="Send message"> 
 
           </div> 
 
          </div> 
 
          <div class="row"> 
 
           <div class="col-md-12"> 
 
            <p class="text-muted"><strong>*</strong> These fields are required.</p> 
 
           </div> 
 
          </div> 
 
         </div> 
 
</form>

這是整個PHP代碼，我看不出如何將它添加在段框中;

Answer 1

你可以像這樣在CSS中處理它。

.messages .alert-success { 
    font-size: 30px; 

}