用于缩进表单中子字段的Bootstrap类

时间:2013-09-03 06:29:32

标签: twitter-bootstrap

示例网站 - > http://env-1124382.jelastic.servint.net/restaurant/?timezone=Etc/GMT0

  1. 当您点击允许的在线订购时,我喜欢将最大订单金额字段嵌套到右侧。 Maxiumum的M应该在复选框的正下方。我如何使用bootstrap进行操作?
  2. 当您点击添加打开关闭订单时间几次时,您会注意到这些框之间没有水平空格。我喜欢它像点1那样对齐。我如何使用bootstrap?

1 个答案:

答案 0 :(得分:5)

你必须做一些小的css来做这件事..

pt。 1 ,只需构建一个类来保留左边的复选框......

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

将其添加到: -

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

pt相同。 2

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

像这样添加: -

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

...谢谢