HTMLブートストラップ形式：要素間のスペースを追加する方法、テキスト領域のサイズを増やす方法

Question

私は小さなwebdevプロジェクトを継承し、私は二つのことを行う方法で失ったビットだ：？

1）の要素（パディングの間に多くのスペースを追加）

2）は私の行数を増やしますテキストエリア（底部要素）

そしてここではコードです：

 <form class="contact-form" id="contactForm" action="php/contact2.php" method="post"> 

     <div class="form-row"> 
      <div class="col-md-12"> 
      <input type="text" name="senderName" id="firstName" placeholder="Fist Name" required> 
      </div> 



      <div class="form-row"> 
      <div class="col-md-12"> 
       <input type="text" name="lastName" id="lastName" placeholder="Last Name" required> 
      </div> 
     </div> 

     <div class="form-row"> 
      <div class="col-md-12"> 
      <input type="text" name="institution" id="inst" placeholder="Institution" required> 
      </div> 
     </div> 

     <div class="form-row"> 
      <div class="col-md-12"> 
      <input type="city" name="city" id="city" placeholder="City" required> 
      </div> 
      <div class="col-md-12"> 
      <input type="state/province" name="stateprov" id="stateProv" placeholder="State/Province" required> 
      </div> 
      <div class="col-md-12"> 
      <input type="text" name="country" id="country" placeholder="Country" required> 
      </div> 
      <div class="col-md-12"> 
      <input type="text" name="zipost" id="zipost" placeholder="Zip/Postal" required> 
      </div> 
     </div> 

     <div class="form-row"> 
      <div class="col-md-12"> 
      <input type="text" name="phone" id="phone" placeholder="Phone" required> 
      </div> 
      <div class="col-md-12"> 
      <input type="text" name="senderEmail" id="email" placeholder="Email" required> 
      </div> 
      <div class="col-md-12"> 
      <input type="text" name="email" id="email" placeholder="Confirm Email" required> 
      </div> 
     </div> 

     <div class="form-row"> 
      <div class="col-md-12"> 
      <input type="textarea" name="body" id="body" placeholder="Please describe your intended project(s), and how you plan to use the Apollo Platform." required> 
      </div> 
     </div> 



     <div class="clearfix"></div> 
     <div class="col-md-18"> 
      <button type="submit" class="btn-regular alignleft contact_button">Apply Now</button> 
     </div> 
     </form> 

私は2つの目標をどのように達成できますか？ありがとう！

Answer 1

CSS

.form-row div { margin-bottom: 10px; } 
.form-row input[type="textarea"] { height: 200px; }