twitter-bootstrap 在输入插件引导程序中放置一个复选框

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/20908155/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 19:38:32  来源:igfitidea点击:

Placing a checkbox in an input addon bootstrap

htmlcsstwitter-bootstrapcheckboxinput

提问by totneschap

I am trying to place a checkboxwithin an input group addon whilst using a bootstrap 3 form. The checkbox is to show passwordon a sign in form.

我正在尝试checkbox在使用引导程序 3 表单的同时将 a放置在输入组插件中。复选框show password位于登录表单上。

checkbox

复选框

<form class="form-signin">
    <h1 class="form-signin-heading" align="center"><strong>Owner Gateway</strong></h1>

    <input type="text" class="form-control" placeholder="Username" required autofocus></input>

    <div class="wrapper">
        <div class="input-group" style="width: 100%">
            <input type="text" class="form-control" placeholder="Password"/>
            <span class="input-group-addon">Show</span>
        </div>
    </div>

        <button class="btn btn-lg btn-primary btn-block" type="submit">Log in</button>
        <button class="btn btn-lg btn-primary btn-block" id="new-btn" type="submit">Stay Logged in</button>
    </div>
</form>

If anyone could help, I would be very grateful.

如果有人可以提供帮助,我将不胜感激。

回答by Antoine

<div class="input-group" style="width: 100%">
    <input type="text" class="form-control" placeholder="Password"/>
    <span class="input-group-addon"><input type="checkbox"> Show</span>
</div>

Just try simply that.

就这么简单地尝试一下。