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并评论我的所有导入,以确保我的代码中没有冲突,问题是一样的。
答
某些错误是在代码的第二行中,根据自举文件我应该写“角色=“按钮'“而不是”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;
}