Details
-
Bug
-
Resolution: Fixed
-
Major
-
6.2.2
-
None
-
Unknown
-
N/A
-
N/A
-
Description
I'm using the example at the section "Checkboxes and radios" from http://getbootstrap.com/css/#forms-controls. There is no problem if used inside a simple html macro
{{html}}
<div class="checkbox">
<label>
<input type="checkbox" value="">
Option one is this and that—be sure to include why it's great
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option one is this and that—be sure to include why it's great
</label>
</div>
{{/html}}
but if the whole block is inside a HTML element with xForm class, display becomes wrong (see the photo attached).
{{html}}
<div class="xform">
<div class="checkbox">
<label>
<input type="checkbox" value="">
Option one is this and that—be sure to include why it's great
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option one is this and that—be sure to include why it's great
</label>
</div>
</div>
{{/html}}
The problem comes from the CSS rule added in the commit https://github.com/xwiki/xwiki-platform/commit/cd4a7c642286ed107fd943745a9424856e4934da which modify margins that Boostrap wants to handle differently.
Attachments
Issue Links
- relates to
-
-
- Closed
-