css - Bootstrap 样式按钮与链接完全相同

标签 css twitter-bootstrap bootstrap-4

我试图将按钮的样式设置为与链接的外观相同。这和我得到的一样接近:

enter image description here

<p>Hello <a href="aoeu">how</a> are you</p>
<p>Hello <button class="btn btn-link p-0 m-0 d-inline">how</button> are you</p>

https://codepen.io/anon/pen/ZqvjyJ

这能实现吗?

最佳答案

您只需添加 align-baseline类...

<button class="btn btn-link p-0 m-0 d-inline align-baseline">how</button>

https://codepen.io/anon/pen/dgJjdr

关于css - Bootstrap 样式按钮与链接完全相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52840644/

相关文章:

html - 如何在不破坏响应式导航栏的情况下在 Bootstrap 4 中缩放 html 字体大小

html - Bootstrap 导航栏无法正确呈现

html - 将小跨度元素置于标题跨度下方

html - 默认设置内容为 'hidden'

html - 垂直滚动条不滚动

jquery - 当页面加载溢出内容时一致滚动到底部

html - Bootstrap 列内容图像响应

html - Bootstrap 中自适应行类中的基本居中元素

javascript - 在 safari 7.1.3 中从本地文件显示时,Twitter Bootstrap 3.3.4 轮播图像不起作用

css - 容器的 Bootstrap 4 文本换行