bootstrap中某一行有3个button, type为link, 我想让这三个button在一行居中, 该如何设置
时间: 2023-09-07 20:12:09 浏览: 93
CSS如何让一个按钮居中应该怎么做
5星 · 资源好评率100%
你可以将这三个button放在一个按钮组(Button Group)中,并在这个按钮组上设置 `text-center` 类,这样就可以让这三个按钮在一行居中了。以下是示例代码:
```html
<div class="btn-group text-center">
<button type="button" class="btn btn-link">Button 1</button>
<button type="button" class="btn btn-link">Button 2</button>
<button type="button" class="btn btn-link">Button 3</button>
</div>
```
你也可以使用 `d-flex justify-content-center` 类来实现居中效果,代码如下所示:
```html
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-link">Button 1</button>
<button type="button" class="btn btn-link">Button 2</button>
<button type="button" class="btn btn-link">Button 3</button>
</div>
```
两种方式都可以实现你的需求,你可以根据实际情况选择使用哪种。
阅读全文