Skip to Main Content

Legend CSS

In Apex 4.2 (not sure about other versions), there can be extra white space to the right of the page when using checkboxes and/or radio buttons. This causes a horizontal scrollbar to appear - in Firefox and Internet Explorer anyway, Chrome seems to be immune.
This behaviour is caused by the width:100% entry in the "legend" css class defined in the Bootstrap css.

Paul Broughton wrote a nice article on this:

I opted for a slightly different solution, that does not require editing the original Bootstrap css file.
I added this to the Page Template (in the Cascading Style Sheet -> Inline section):