Twitter's Bootstrap - Form Inputs Too Thin

Question

I\'m using Twitter\'s Bootstrap to create the HTML/CSS for my website. I run into a problem when creating the forms, however:

Answer 1

Ok, I had the same problem and after weeks searching for a solution, this guy solved my problem!

getting application.css to override bootstrap

1 - create the file assets/stylesheets/my_styles.css.scss

2 - put the code bellow in my_styles.css.scss file:

input[type=text], input[type=password], input[type=email], input[type=tel] {
height: 33px !important;}

3 - In assets/stylesheets/application.css, put this:

*= require my_styles   

after bootstraps require... in my case it is:

*= require font-awesome
*= require bootstrap_sb_admin_base_v2
*= require_self
*= require my_styles
*= require_tree .
*/   

Hope it helps someone in trouble!