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 - help-block</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"> </head> <body style="padding-top:25px"> <div class="container"> <!-- Form --> <h3>Form</h3> <form action="#" method="POST" enctype="multipart/form-data" role="form" class="form-horizontal"> <div class="form-group"> <label for="category" class="col-xs-12 col-sm-4 control-label">Select option:</label> <div class="col-xs-7 col-sm-3"> <select name="category" id="category" class="form-control"> <option value="">option 1</option> <option value="" selected>option 2</option> <option value="">option 3</option> </select> </div> </div> <div class="form-group"> <label for="title" class="col-sm-4 control-label">Input text:</label> <div class="col-sm-5"> <input type="text" name="title" value="" id="title" placeholder="Enter text..." class="form-control"> </div> </div> <div class="form-group"> <label for="desc" class="col-sm-4 control-label">Textarea:</label> <div class="col-sm-5"> <textarea name="desc" id="desc" rows="8" placeholder="Enter textarea text..." class="form-control">
Inline two inputs:
USD
HRK
EUR
Checkbox:
kruške
jabuke
šljive
Radio:
kruške
jabuke
šljive
Multiple file upload: