부트 스트랩 문의 양식에서 성공 메시지 글꼴 크기를 어떻게 바꿀 수 있습니까?

Question

에 http://ahepa215.org/contact.html 나는 부트 스트랩에 대해 본 반응 형 연락처 양식을 사용하고 있습니다. 제출할 때 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; 

}