html - bootstrap doctype with input form-control width is not show correctly -


i have problem bootstrap 3.3.5

i created simple web page test new bootstrap. code:

<!doctype html> <html lang="id">     <head>         <meta http-equiv="content-type" content="text/html; charset=utf-8" />         <meta charset="utf-8" />         <meta name="viewport" content="width=device-width, initial-scale=1" />         <title>bs test</title>         <link rel="stylesheet" type="text/css" href="bootstrap.css" />         <script type="text/javascript" src="script.js" charset="utf-8"></script>     </head>     <body>     <div class="container-fluid">     <div class="row">          <form class="form">             <div class="form-body">                 <div class="form-group">                     <input type="text" class="form-control" />                 </div>             </div>         </form>      </div> </div> </body> </html> 

the input text class form-control width more browser width scrollbar @ bottom show..

and when <!doctype html> remove, normal width.

how can solve problem <!doctype html>?

with doctype: enter image description here

and without doctype: enter image description here

please help, thank you

use

<div class="container"> 

instead of

<div class="container-fluid"> 

Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -