I have a sample checkbox:
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label" for="defaultCheck1">
Default checkbox
</label>
</div>
I'd like to have a label on the left side. Do you know how can I do it? I tried with pull-right, but it does not work.
UPDATE: I think the problem is with rtl class which I use in the HTML tag.
Please take a look at http://jsfiddle.net/npjm1gfy/3/
You could just mix them up and apply a bit of margin
.form-check-input-reverse{
margin-left: 10px;
}<link href="http://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="form-check">
<label class="form-check-label" for="defaultCheck1">
Default checkbox
</label>
<input class="form-check-input-reverse" type="checkbox" value="" id="defaultCheck1">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label" for="defaultCheck1">
Default checkbox
</label>
</div>Updated answer
With direction: rtl
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras