如何对齐输入类型复选框和水平对齐的文本

时间:2016-02-26 05:56:41

标签: python html css django

您好我有以下HTML代码(使用django框架):

<span>
    <button class="btn btn-default drop">
        <input type="checkbox" ng-model="mera['{{ k }}']"> <b>{{ k }}</b>
    </button>
</span>
<br><br>

如何水平对齐复选框和文本?现在,复选框显示在文本下方。伙计们好吗?提前致谢

1 个答案:

答案 0 :(得分:0)

查看课程btn btn-default我假设你正在使用bootstrap。

http://www.bootply.com/BLWQ53GPKL

看看代码。它仍然包含按钮内的复选框,但使用div包含类checkbox的包装器,如此处示例中所示Checkbox and Radio

如果您决定取消button标记之外的复选框,则可以在此处查看代码段http://www.bootply.com/iqYiXeNZuo

最后,对于复选框中的内联标签,无线电:

<div class="checkbox">
  <label>
    <input type="checkbox" ng-model="mera['{{ k }}']"> <b>{{ k }}</b>
  </label>
</div>