Question

有人可以帮助我理解为什么我在看起来像Bootstrap 4的平面按钮页面看到旧时尚的渐变按钮吗？

以下是页面标记：http://jsbin.com/zimatemiya/edit?html,css,output（按钮位于导航栏下方）

我应该看到单色，蓝色，＆＃34;主要＆＃34;按钮http://v4-alpha.getbootstrap.com/components/buttons/

它是我使用Bootstrap 4构建的WordPress主题的产物。所以WordPress包含了一些文件。我不确定是什么错。感谢信。

Answer 1

<link rel='stylesheet' id='braincloud-style-css'  href='http://www.braincloudhq.com/wp-content/themes/braincloud/style.css?ver=4.4.1' type='text/css' media='all' />

这里的东西正在弄乱按钮CSS。删除它会导致按钮以Bootstrap 4样式显示。

Answer 2

目前这种风格来自这种CSS风格

button {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
}

将其重置为box-shadow: none

为什么我的Bootstrap 4页面中没有出现新的平面按钮？

2 个答案: