如何插入两个叠加按钮，但以内联形式？
如何插入两个叠加按钮，但以内联形式？
提问于 2018-01-11 12:18:25
我有一个引导模式，其中包含两个多选择和两个按钮。我希望所有控件都内联，但这两个按钮堆叠在一起，例如：
BUTTON
SELECT SELECT
BUTTON 我有以下几点。窗体是内联显示的，但按钮不是堆叠的(而是相邻的)。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<div class="modal-body">
<div style="display:inline">
<select id="fam" name="fam" class="form-control" multiple="multiple" size="8" style="width: 300px">
</select>
</div>
<div style="display:inline">
<button type="button" class="btn btn-primary btn-xs">Button 1</button>
<button type="button" class="btn btn-primary btn-xs">Button 2</button>
</div>
<div style="display:inline">
<select id="fam_" name="fam" class="form-control" multiple="multiple" size="8" style="width: 300px">
</select>
</div>
</div>
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-01-11 12:28:46
引导支持垂直堆叠按钮与btn-组-垂直。听起来就像你想要的那样，再加上它把按钮的边框合并在一起，让它们看起来很漂亮。
下面是w3学校文档中的一个示例：
，这将取代中间div，在选择之间。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48206910
复制相关文章
相似问题
腾讯云开发者
