search

bantikyan / icheck-bootstrap

Pure css checkboxes and radio buttons for Twitter Bootstrap.
https://bantikyan.github.io/icheck-bootstrap/
MIT License
140 stars 35 forks source link

horizontal radio button arrangement #4

Closed joshua1 closed 6 years ago

joshua1 commented 6 years ago

hi, What CSS code must i have in place (or take out) to make the radio buttons align horizontally on a single line instead of next line like on this block of code 

                    <div class="radio icheck-primary">
                        <input type="radio" id="primary1" name="primary" />
                        <label for="primary1">primary 1</label>
                    </div>
                    <div class="radio icheck-primary">
                        <input type="radio" checked id="primary2" name="primary" />
                        <label for="primary2">primary 2</label>
                    </div>
bantikyan commented 6 years ago

Hello @joshua1 You have to use radio-inline class 

                   <div class="radio radio-inline icheck-primary">
                        <input type="radio" id="primary1" name="primary" />
                        <label for="primary1">primary 1</label>
                    </div>
                    <div class="radio radio-inline icheck-primary">
                        <input type="radio" checked id="primary2" name="primary" />
                        <label for="primary2">primary 2</label>
                    </div>