Lesson: Responsive Design with Bootstrap
Responsively Style Radio Buttons
You can use Bootstrap's col-xs-*
classes on form
elements, too! This way, our radio buttons will be evenly spread out across the page, regardless of how wide the screen resolution is.
Nest all of your radio buttons within a <div class="row">
element. Then nest each of them within a <div class="col-xs-6">
element.
The content on this page is licensed under Attribution-ShareAlike 4.0 International. Original authors: freeCodeCamp, the content was modified.