Skip to content Skip to sidebar Skip to footer

Text Input Rendering Issue With Twitter Bootstrap

I'm trying to use Twitter's bootstrap for a quick few pages. I'm having problems getting text fields to render like they do at http://twitter.github.com/bootstrap/ My HTML looks l

Solution 1:

This behavior is also triggered when the doctype is wrongly typed. In my case, <!DOCTYPE> (wrong) was fixed to <!DOCTYPE HTML> and the problem went away.

Solution 2:

http://twitter.github.com/bootstrap/scaffolding.html

Requires HTML5 doctype Bootstrap makes use of HTML elements and CSS properties that require the use of the HTML5 doctype. Be sure to include it at the beginning of every Bootstrapped page in your project.

<!DOCTYPE html><htmllang="en">
  ...
</html>

Solution 3:

This behavior is seen when the document lacks <html> tags at the outermost level. After putting my template through a tidying process, it looks like it should. Thanks notepad++.

Solution 4:

I had the same problem, but in my case it was caused by having an inconsistent text encoding across files. Some files were encoded in UTF-8 without BOM (byte order mark), while other files were encoded in UTF-8 with BOM included. I switched all files to UTF-8 without BOM and it worked correctly.

Solution 5:

replace class="x-large" to : class="input-block-level"

Post a Comment for "Text Input Rendering Issue With Twitter Bootstrap"