Question 35707 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Bootstrap: move text to the side of Checkbox – Jquery

I’m trying to get the "Default checkbox" to be at the side of the checkbox

checkbox

what i have so far

<div class="col-2">
     <label for="Desc" class="col-sm col-form-label">Default Checkbox

      </label>
     <div class="col pr-0">
          <input type="checkbox" readonly id="defcheck" name="defcheck" class="form-control form-control-sm"
       data-toggle="tooltip" data-placement="right" size="2"> 
         <br />
                                    
      </div>
</div>

Tried to just move the label tag below the input type but that did not work

Tags:

2

Answers


  1. 0 
    <div class="col-2">
     <div class="col pr-0">
            <label for="Desc" class="col-sm col-form-label">Default Checkbox</label>
          <input type="checkbox" readonly id="defcheck" name="defcheck" class="form-control form-control-sm"
   data-toggle="tooltip" data-placement="right" size="2"> 
         <br />
      </div>
</div>

    OR

    <div class="col-2">
     <div class="col pr-0">
          <input type="checkbox" readonly id="defcheck" name="defcheck" class="form-control form-control-sm"
   data-toggle="tooltip" data-placement="right" size="2"> 
    <label for="Desc" class="col-sm col-form-label">Default Checkbox</label>

      </div>
</div>
    Login or Signup to reply.
  2. 0

    Use below code.

    <div class="col-6">
     <div class="col pr-0" style="display: flex;">
          <input type="checkbox" readonly="" id="defcheck" name="defcheck" class="form-control form-control-sm" data-toggle="tooltip" data-placement="right" size="2" style="width: auto;"> 
          <label for="Desc" class="col-sm col-form-label" style="padding: 12px;">Default Checkbox</label>
      </div>
</div>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search