Question

在Bootstrap 3中有一个由btn-default创建的漂亮按钮。

<a class="btn btn-default">link</a>

Bootstrap 4中是否有等效的文件？

Answer 1

Bootstrap 4中的btn-outline-secondary类和btn-outline-light类是Bootstrap 3中过去最接近btn-default的两个类。（Bootstrap中没有完全相同的等价物） 4）

这是一个带有实时预览的代码段（请注意button和a代码之间的区别）：

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container m-3">
    <a class="btn btn-outline-secondary">outline-secondary link</a>
    <button type="button" class="btn btn-outline-secondary">outline-secondary 'button'</button>
    <br><br>
    <a class="btn btn-outline-light">outline-light link</a>
    <button type="button" class="btn btn-outline-light">outline-light 'button'</button>
</div>

＆＃13;

参考：

https://getbootstrap.com/docs/4.0/components/buttons/#outline-buttons

Bootstrap 4中Bootstrap 3'btn-default'类的等价物是什么？

1 个答案: