<div class="row">
<div class="span12">
<div class="btn-toolbar">
<!-- buttons go here -->
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
有没有办法在不使用偏移的情况下居中我的按钮工具栏?
我尝试应用"margin:0 auto;" 到我的工具栏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>?
Run Code Online (Sandbox Code Playgroud)
.btn-toolbar{
text-align: center;
}?
Run Code Online (Sandbox Code Playgroud)
你可以使用内联CSS,它对我有用。
<div class="btn-toolbar" style="justify-content: center; display: flex;" >
Run Code Online (Sandbox Code Playgroud)
谢谢。
| 归档时间: |
|
| 查看次数: |
14368 次 |
| 最近记录: |