BootStrap让两个控件在一行显示

ao123056

于 2016-04-06 16:21:37 发布

阅读量7.9w

点赞数 15

分类专栏： BootStrap

本文链接：https://blog.youkuaiyun.com/ao123056/article/details/51075956

版权

BootStrap 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何利用form-inline属性来简化HTML表单布局，通过示例展示文本框和按钮如何快速组合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="row">
            <div>
                <label class="form-inline">参加单位：<input type="text" class="form-control" /></label>
            </div>
</div>

主要就是添加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>