这是我的标题设置(bootstrap 4):
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="navbar-brand"><img src="..."></div>
</div>
<div class="col-md-6 text-right">
<div class="header-btn-grp">
<div class="header-call-us">Get a Quote, Call Today!</div>
<a role="button" class="btn btn-danger btn-lg header-btn" href="tel:123">Ph : <strong>...</strong></a>
<div class="header-address">XXX</div>
</div>
</div>
</div>
在桌面上,标志位于左侧,按钮位于右侧,这是预期的。
当在较小的设备上时,我希望标志和按钮居中对齐。
我尝试为两列添加 .text-md-center
类,但这会导致两个元素在所有宽度(桌面和移动)上都居中于其列中。
正确的方法是什么?