Question

这是我的HTML代码：

<label class="control-label col-md-4">Availability <span class="required">*</span></label>
<div class="field_wrapper col-md-8">
    <label class="checkbox"> 
        <input type="checkbox" name="custom[availability][]" class="reg_form_availability" value="Sunday" tabindex="14">Sunday
    </label>
    <label class="checkbox"> 
        <input type="checkbox" name="custom[availability][]" class="reg_form_availability" value="Monday" tabindex="14">Monday</label>
    <label class="checkbox"> 
        <input type="checkbox" name="custom[availability][]" class="reg_form_availability" value="Tuesday" tabindex="14">Tuesday</label>
     <label class="checkbox"> 
        <input type="checkbox" name="custom[availability][]" class="reg_form_availability" value="Wednesday" tabindex="14">Wednesday</label>
     <label class="checkbox"> 
        <input type="checkbox" name="custom[availability][]" class="reg_form_availability" value="Thursday" tabindex="14">Thursday</label>
     <label class="checkbox"> 
        <input type="checkbox" name="custom[availability][]" class="reg_form_availability" value="Friday" tabindex="14">Friday</label>
    <label class="checkbox"> 
      <input type="checkbox" name="custom[availability][]" class="reg_form_availability" value="Saturday" tabindex="14">Saturday
   </label>    
   <label class="checkbox"> 
      <input type="checkbox" name="custom[availability][]" class="reg_form_availability" value="All week long" tabindex="14">All week long</label>
    <input type="hidden" name="custom[availability][]" value="--">
    <p class="description">Please specify the week days the trip can be offered</p>
</div>

输出看起来像这样，只是每个选项左边都有一个复选框：

可用性* 星期日星期一星期二星期三星期四星期五星期六整整一周请说明可以提供旅行的工作日

如何将选择更改为左侧浮动的同一行？实际上两条线路更好（每条线路有4条线路）。如果我访问HTML代码，我可能会使用bootstrap col-md这样做，但问题是这是一个WordPress网站，并且HTML没有显示在PHP文件中。

提前致谢， Yaniv

如何将复选框从垂直对齐更改为向左浮动？

0 个答案: