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>
?
please help, thank you
use
<div class="container">
instead of
<div class="container-fluid">
Comments
Post a Comment