CODEWITHSUNDEEP
twitter-bootstrapflask-wtforms
Napoleon
Napoleon

Reputation: 909

Wtforms and Twitter Bootstrap How to lay forms side-by-side

I'm currently working on an application using Flask with Wtforms and Twitter Bootstrap. I have a Registration form that incorporates the Personal and Address. I feel it is rather long so I'll like to lay the forms out side-by-side. That is have the Personal details section on the left and the address on the right.

From what I have gathered so for, I have to create the Personal detail form and subclass it in the Address form.

If the above is correct, how then can I get Bootstrap to lay them out side-by-side? I have to admit this is my first time using both libraries so I haven't spent much time in the documentation. I however need to use them for the application I'm working on. Thanks.

Upvotes: 0

Views: 1060

Answers (1)

Henrik N
Henrik N

Reputation: 16284

You should be able to use the Bootstrap grid system for this. Something along these lines (refer to the documentation for details):

<form>
  <div class="row">
    <div class="col-md-6">personal form fields go here</div>
    <div class="col-md-6">address form fields go here</div>
  </div>
</form>

Upvotes: 2

Related Questions