(107 words)

Having just been stumped on this for longer than I care to admit, and only finding the answer to my problem buried in a comment on StackOverflow, I’m posting it here for my own future reference:

Q: Using ASP.Net MVC with Bootstrap 3, why won’t my <input> stretch to the full width of a <div class="form-group">, even though I am putting form-control on the css class?

A: Because Microsoft override input, select and textarea to have max-width: 280px in the default Site.css which is added to new projects. Removing this will allow the 100% width from form-control.


Stuart Grassie

A software developer in the North of England.