Click here to Skip to main content
15,889,281 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I want to create a data entry form which has text boxes that user enters his data like name, DOB etc
Now I want something like below
I don't get that label customer Information to page left and Textboxes to somewhere from the middle of that label.

CSS
Customer Information
        First name:             Last Name:
        DOb   :         Address  :


Shipping Details:
        Address:            Date:


I am getting like below
CSS
Customer Information
First name:             Last Name:
DOb   :         Address  :


Shipping Details:
Address:            Date:



Can anyone help me in achieving the form like mentioned.
Posted
Comments
sudevsu 23-Mar-15 13:11pm    
I knew there are some classes do provide that. But I could find them in internet or in the bootstrap files
Richard Deeming 23-Mar-15 14:41pm    
The Bootstrap documentation is pretty good:
CSS - Bootstrap - Forms[^]

It sounds like you're looking for the section under "Control Sizing / Column Sizing", combining the form inputs with Bootstrap's grid layout.
sudevsu 23-Mar-15 14:58pm    
Thanks Rich.

1 solution

When you know there are some sites available for your answer then why you posted this question..any way go through the bellow link and find out your form template whatever suits your design best.

http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-forms.php[^]

The link was from one of those available sites :)
 
Share this answer
 
Comments
sudevsu 23-Mar-15 14:58pm    
Excuse me. I never said there are some links. I said there are some CSS styles but couldn't find them on internet specific to my requirement.
Thanks for the link though.
Arkadeep De 23-Mar-15 15:08pm    
Enjoy

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900