代码之家 › 专栏 › 技术社区 › George_kane

Bootstrap 4中的Bootstrap 3“btn default”类的等效项是什么?[副本]

bootstrap-4 twitter-bootstrap css

George_kane · 技术社区 · 8 年前

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

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

Bootstrap 4中是否有等效项?

1 回复 | 直到 8 年前

WebDevBooster 8 年前

这个 btn-outline-secondary 类别和 btn-outline-light Bootstrap 4中的类是与过去最接近的两个选项 btn-default 在Bootstrap 3中。(Bootstrap 4中没有确切的等效项)

下面是一个带有实时预览的代码片段(请注意 button 和 a 标记):

<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>

参考号:

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

推荐文章

xajetin · 导航不更改滚动上的颜色

3 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

3 年前

Bryan Santos · 固定表头与引导

4 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

4 年前

tym · 根据用户偏好显示字段

4 年前

Sheryar Khan · 如何仅使用html、css、bootstrap、javascript/jquery创建html页面?

4 年前

Pavel · 当验证DIV可见时,引导网格会移动

7 年前

Sam · 在标题中嵌入Bootstrap 3导航栏

7 年前

Alexander David · 折叠卡打开,然后立即再次关闭

7 年前

Sandeep Bhardwaj · div的一致行为,与设备分辨率无关

7 年前