两个控件同一行显示bootstrap

<div class="form-group">
        <label for="Name" class="form-inline" style="font-weight:normal">角色名称&nbsp;&nbsp;&nbsp;&nbsp;
             <input type="text" name="UserName" id="Name" class="form-control">
        </label>
</div>
input标签放到label标签里面,加上class="form-inline"
如果是一个文本框和一个按钮的话那么只需要在外侧用div包含,然后使用form-inline属性
<div class="row">
            <div class="form-inline">
                <input type="text" class="form-control" placeholder="" />
                <button class="btn btn-primary">姓名</button>
            </div>
 </div>
&nbsp;表示空格,

font-weight:normal;清除加粗

$("#name").val("");使用jQuery清空input内容
posted @ 2019-06-18 14:27  寒冰射手(电脑)  阅读(227)  评论(0编辑  收藏  举报