title: Bootstrap text input height
body: <p>I am trying to increase the text input height inside a form on a site I am programming. I try to override the default bootstrap css of 20px height but nothing seems to be changing. Here is my code--</p>
  
  <p><strong>css</strong></p>
  
  <pre><code>.inputfield
   {  
   position:relative;  
   top:30px;  
   font-size: 60px!important; 
   font-family:'Lato', sans-serif !important;
   font-weight: 400;
   color:white ; 
   width:400px;  
   line-height: 100px!important;  
   opacity:0.2; 
   }
  </code></pre>
  
  <p>and </p>
  
  <p><strong>the form HTML</strong></p>
  
  <pre><code>  &lt;form  class="text-center" action="" method="post"&gt;
    &lt;div class="row"&gt;
   &lt;input type="text" id="username" name="name" class="inputfield" placeholder="Username"&gt;&lt;br&gt;&lt;br&gt;
   &lt;/div&gt;
   &lt;input id="password" type="password" name="password" class="inputfield" placeholder="Password"&gt;&lt;br&gt;&lt;br&gt;
   &lt;br&gt;
   &lt;input type="submit" id="submit" value="Login" /&gt;&lt;br&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>please help</p>