html - unable to align div in center in Bootstrap v3.1.1 -
am using bootstrap v3.1.1
, try align div center unable align div center
this page code need in center of page unable can 1 me algin form in center
<!doctype html> <html lang="en"> <head> <title>animus blogging category flat bootstarp resposive website template | home :: w3layouts</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="graphic responsive web template, bootstrap web templates, flat web templates, andriod compatible web template, smartphone compatible web template, free webdesigns nokia, samsung, lg, sonyerricsson, motorola web design" /> </head> <body> <div class="contact-top"> <div class="container"> <h2>log in</h2> <div class="contact"> <p></p> <div class="contact-down"> <div class="col-md-6 contact-info" style="margin-left:auto;margin-right:auto;"> <form> <input type="text" name="your name" placeholder="user name" class="input"><br><br> <input type="password" name="your email" placeholder="password" class="input"> <div class="clearfix"> </div> <input type="submit"value="send" /> </form> </div> <div class="clearfix"> </div> </div> </div> </div> </div> </body> </html>
can add col-md-offset-3 contact-info div follows
<div class="col-md-6 col-md-offset-3 contact-info"> <form> <input type="text" name="your name" placeholder="user name" class="input"><br><br> <input type="password" name="your email" placeholder="password" class="input"> <div class="clearfix"> </div> <input type="submit"value="send" /> </form> </div>
Comments
Post a Comment