CODEWITHSUNDEEP
twitter-bootstrap
MONTEREY01
MONTEREY01

Reputation: 49

Bootstrap classes to indent sub fields in a form

Example Site -> http://env-1124382.jelastic.servint.net/restaurant/?timezone=Etc/GMT0

  1. When you click on online ordering allowed, I like maximum order amount field to be nested to the right. M of Maxiumum should be straight under the checkbox. How do I do it with bootstrap?
  2. When you click on add open close order times couple of times, you will notice there is no horizontal space between the boxes. I like it to be aligned like point 1. How do I do it with bootstrap?

Upvotes: 0

Views: 13905

Answers (1)

SaurabhLP
SaurabhLP

Reputation: 3657

You have to do some small css stuff to do this..

For pt. 1, just build a class to margin the checkbox left...

.check-margin10 { margin-left:10px; /* Set as you wish */ }

Add it in:-

<input type="checkbox" value="true" onclick="enableDisableOnlineOrderingOptions(this)" name="onlineOrderingAllowed" id="onlineOrderingAllowed" class="check-margin10">

Same as pt. 2,

.horizon-margin10 { margin-bottom:10px; /* Set as you wish */ }

add like this:-

<div id="MONDAY0" class="form-inline horizon-margin10">

Thanks...

Upvotes: 5

Related Questions