วิธีนำ Form Login ไปใช้งานคือ นำโค้ดไปวางในส่วนของ <body> โดยสามารถเปลี่ยนชื่อของช่องรับ Username , Password , ชื่อช่องเลือกให้ Remember me และ ชื่อปุ่มได้
Form Login แบบเรียงตามแนวยาว
โค้ด: เลือกทั้งหมด
<form class="form-inline">
<input type="text" class="input-small" placeholder="Username">
<input type="password" class="input-small" placeholder="Password">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="LogIn" class="btn">LogIn</button>
</form>
Form Login แบบเรียงตามแนวตั้ง
โค้ด: เลือกทั้งหมด
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" id="inputPassword" placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</div>
</div>
</form>