Group default radio buttons or checkboxes on the same horizontal row by adding the .custom-control-inline class to any parent element of the input element.

Detailed documentation and more examples you can find in our Bootstrap Radio Button Docs


Basic examples

Inline

Default radio buttons

Group default radio buttons or checkboxes on the same horizontal row by adding the .custom-control-inline class to any parent element of the <input> element.

Material radio buttons MDB Pro component

Group material radio buttons or checkboxes on the same horizontal row by adding the .form-check-inline class to any parent element of the <input> element.