I'm using Boostrap to make our existing website responsive and I have a RadioButtonList on my webforms page and the formatting is messed up. Basically, there is no spacing between the radio buttons themselves and the labels to the right of them.
I know Bootstrap expects Labels associated with RadioButtons to wrap, such as <label><input type="radio" />Name:</label>, however the RadioButtonList does not render that way -- it places the label immediately after the closing of the label tag, such as
<label>Name:</label><input type="radio" />.
I did change the RepeatLayout property from "Table" to "Flow" to simplify the rendered HTML as there is no need for a table here.
Surely someone has found a CSS workaround for this. What can be done to get around this issue? I'll be placing the fix in a separate stylesheet to override whatever styles are applied by boostrap.css.< ...
Go to the complete details ...