<div class="row">
<div class="span12">
<div class="btn-toolbar">
<!-- buttons go here -->
</div>
</div>
</div>
有没有一种方法可以在不使用偏移量的情况下居中我的按钮工具栏?
我尝试将“margin: 0 auto;”应用于我的工具栏div,但这并没有起作用。
<div class="row">
<div class="span12">
<div class="btn-toolbar">
<!-- buttons go here -->
</div>
</div>
</div>
<div class="row">
<div class="span12">
<div class="btn-toolbar">
<div class="btn-group">
<button class="btn">1</button>
<button class="btn">2</button>
<button class="btn">3</button>
</div>
<div class="btn-group">
<button class="btn">1</button>
<button class="btn">2</button>
<button class="btn">3</button>
</div>
</div>
</div>
</div>
.btn-toolbar{
text-align: center;
}
您可以使用内联 CSS,它对我很有效。
<div class="btn-toolbar" style="justify-content: center; display: flex;" >
谢谢。