/Html/Show 4 horizontal radio buttons bootstrap 4

Show 4 horizontal radio buttons bootstrap 4

Bootstrap checkbox inline

<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
  <label class="form-check-label" for="inlineCheckbox1">1</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
  <label class="form-check-label" for="inlineCheckbox2">2</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" disabled>
  <label class="form-check-label" for="inlineCheckbox3">3 (disabled)</label>
</div>

Source: getbootstrap.com

Bootstrap form-control inline

<div class="form-group">
    <label for="birthday" class="col-xs-2 control-label">Birthday</label>
    <div class="col-xs-10">
        <div class="form-inline">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="year"/>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="month"/>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="day"/>
            </div>
        </div>
    </div>
</div>

Source: stackoverflow.com

Show 4 horizontal radio buttons bootstrap 4

 <td><input type="radio" /> <label for="css">Car</label><br /><input type="radio" /> <label for="css">Van</label><br />
            <input type="radio" /> <label for="css">Tuk tuk</label></td>

Similar codes

1 vote121 views1 answer
Hide top bar menu item odoo
Html
0 vote132 views2 answers
Serve images in nextgen formats webp
Html
0 vote138 views1 answer
Same form two submits
Html
0 vote146 views1 answer
Flexbox afbeeldingen
Html
0 vote134 views1 answer
ERROR TypeError: Cannot read property 'required' of null reactive forms
Html
32 votes138 views6 answers
Viewport
Html
29 votes122 views2 answers
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Html
269 votes319 views2 answers
Font awesome icons
Html
21 votes169 views1 answer
What is a viewport meta tags
Html
2 votes95 views2 answers
Select change event
Html