Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]--> <title>Bootstrap Form - Inline Kombinirani Formular</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="/0frameworks/css_frameworks/bootstrap-3.1.1/dist/css/bootstrap.min.css"> <style> /* pomice INPUT udesno za vece ekrane */ @media (min-width: 768px) { .push-right { margin-left:25px; } .push-down { margin-top:20px; } } body { padding-top: 25px; } </style> </head> <body> <div class="container"> <form action="#" method="POST" enctype="application/x-www-form-urlencoded"> <!-- inline --> <div class="row"> <div class="col-sm-12 form-inline"> <div class="form-group"> <label for="ime" class="control-label">Ime:</label> <input type="text" name="ime" id="ime" placeholder="Pero" class="form-control"> </div> <div class="form-group push-right"> <label for="prezime" class="control-label">Prezime:</label> <input type="text" name="prezime" id="prezime" placeholder="Perić" class="form-control"> </div> </div> </div> <!-- not inline --> <div class="row"> <div class="col-sm-5 form-group push-down"> <label for="mjesto" class="control-label">Mjesto:</label> <input type="text" name="mjesto" id="mjesto" placeholder="Ljubljana" class="form-control"> </div> </div> <div class="row"> <div class="col-sm-8 form-group"> <label for="adresa" class="control-label">Adresa:</label> <input type="text" name="adresa" id="adresa" placeholder="Rokin brijeg 125" class="form-control"> </div> </div> </form> </div> </body> </html>
Pregled stranice:
Pogledaj stranicu
../css/bootstrap/primjeri/153form_inline_div2.html
.