I'm very new to twitter bootstrap and I'm struggling to place my forms in center.I have a code like this in here:\[code\]<div class="row"> <div class="pagination-centered"> <br/><br/><br/><br/> <form action="/payment-init" method="POST"> <fieldset> <legend>Merchant CheckOut Page</legend> <label>Product Name</label> <input type="text" placeholder="Type something..." name="productName" value="http://stackoverflow.com/questions/15761453/Samsung Mobile Phone"/> <label>Amount</label> <input type="text" placeholder="Enter the amount in rupees..." name="amount" required="true" /> <label>Merchant Name</label> <input type="text" placeholder="Merchant name" name="merchantId" required = "true" /> <label>Customer Email</label> <input type="text" placeholder="[email protected]" name="email" required = "true" /> <br> <button type="submit" class="btn">Submit</button> </fieldset> </form> </div></div>\[/code\]The output of this looks like below:
I wish to move the \[code\]label\[/code\] (i.e Product Name, Amount etc) to the left-top corner of the textbox's. Is that possible?Thanks in advance.