Note that there are some explanatory texts on larger screens.

plurals
  1. POtext field too narrow vertically with bootstrap/rails
    primarykey
    data
    text
    <p>I'm working through the rails tutorial and I noticed a little bit into the application that the height of my textarea is rendering smaller than it was earlier.</p> <p>I've looked through this <a href="https://stackoverflow.com/questions/7196398/text-input-rendering-issue-with-twitter-bootstrap-css">thread here</a> and <a href="https://stackoverflow.com/questions/9222851/twitter-bootstrap-text-fields-height-too-small?rq=1">this one as well</a>, both essentially suggesting that the error commonly stems from not having <code>&lt;!DOCTYPE HTML&gt;</code>. However, as you'll see in my <a href="http://cl.ly/image/2O1E2R3g1j0I" rel="nofollow noreferrer">first screenshot</a>, that's not the case for me.</p> <p>In the first screenshot, you can see that when I highlight the element, it suggests that it knows it should be rendering at a thicker size, but for whatever reason it isn't. <a href="http://cl.ly/image/172b2Z193t3i" rel="nofollow noreferrer">Here's what the text area should look like</a> (taken from the bootstrap documentation).</p> <p>Any help is much appreciated. Thanks!</p> <p><strong>edit:</strong> Here's the code for the view:</p> <pre><code>&lt;% provide(:title, "Sign in") %&gt; &lt;h1&gt;Sign in&lt;/h1&gt; &lt;div class="row"&gt; &lt;div class="span6 offset3"&gt; &lt;%= form_for(:session, url: sessions_path) do |f| %&gt; &lt;%= f.label :email %&gt; &lt;%= f.text_field :email %&gt; &lt;%= f.label :password %&gt; &lt;%= f.password_field :password %&gt; &lt;%= f.submit "Sign in", class: "btn btn-large btn-primary" %&gt; &lt;% end %&gt; &lt;p&gt;New user? &lt;%= link_to "Sign up now!", signup_path %&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload