bootstrap btn-group-justified 不起作用

最新推荐文章于 2022-11-03 10:48:53 发布

原创最新推荐文章于 2022-11-03 10:48:53 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

异常记录专栏收录该内容

1 篇文章

订阅专栏

本文探讨了使用Bootstrap实现按钮时遇到的跨浏览器兼容性问题，特别是按钮在IE10和Chrome浏览器之间的显示差异。通过修改代码结构，成功解决了此问题并确保了在所有目标浏览器上的预期外观一致性。

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

用bootstrap添加按钮，预想效果如下：

在ie10上显示正常，在chrome浏览器上显示实际效果如下：

代码如下：

<div class="row">
   <div class="col-md-12">
       <div class="btn-group btn-group-justified" role="group">
         <button id="eqpBaseAddBtn" type="submit" class="btn btn-primary">添加设备</button>
       	</div>
    </div>
</div>

修改如下恢复正常

<div class="row">
	<div class="col-md-12">
		<div class="btn-group btn-group-justified" role="group">
			<div class="btn-group">
				<button id="eqpBaseAddBtn" type="submit" class="btn btn-primary">添加设备</button>
			</div>
		</div>
	</div>
</div>