Bootstrap按钮和链接按钮与同类不同

问题描述:

Bootstrap 4 beta中有两个按钮(经典按钮和链接按钮),但它们以两种不同方式显示。Bootstrap按钮和链接按钮与同类不同

<button type="submit" class="btn btn-primary btn-block">Verify</button> 

<a href="#" type="button" class="btn btn-primary btn-block">Verify</a> 

我的所有按钮也是如此(即使它们没有.btn-block类)。我使用scss并评论我的所有导入,以确保我的代码中没有冲突,问题是一样的。

First is button, second link

某些错误是在代码的第二行中,根据自举文件我应该写“角色=“按钮'“而不是”type ='按钮'“:

<a href="#" role="button" class="btn btn-primary btn-block">Verify</a> 

The CSS type selector匹配由节点名称的元件。换句话说,它选择文档中给定类型的所有元素。

例如你可能在你的CSS:

a { 
border: 1px solid #000; 
} 

button { 
border-radius:5px; 
} 

您是否有任何其他样式表可以应用其他样式es到您的<a>标签?使用您发布的HTML看起来相同的元素(请参阅this JS Fiddle):

enter image description here