通过在您的自定义 css 文件中添加自己的定义,可以很简单地在 bootstrap 中覆盖 css 属性。
但是如何隐藏属性以使其效果本身不显示。
例如,在这个<a class="btn btn-danger" href="#" role="button">Link</a>
, display: inline-block;
的 css 属性必须以某种方式删除,以便它适合我的样式。我不想同时拥有显示属性。同样适用于 vertical-align: middle;
很明显可以编辑 bootstrap.css 文件并将其删除。但是有没有其他方法可以在我自己的 CSS 中做到这一点?
最佳答案
您不应该直接修改 css 库,因为之后您将无法更改库文件(例如,在更新的情况下)。相反,您可以像您所说的那样将属性直接放入您的 .css
文件中。
您将无法从 Bootstrap 中删除(严格来说)该属性,但您可以更改它以适应您的样式。在 display: inline-block
的情况下,您可以设置 display: block;
、display: inline;
或任何你需要的。
其实这里没有问题;所有属性都有一个默认值,即使它们不在.css
文件中,它们仍然适用,具体取决于浏览器的选择。所以这里只是一个恢复默认值的问题,通过设置 youre one 和某种额外收费的 Bootstrap。
如果您想了解有关覆盖 Bootstrap CSS 的更多信息,Smashing Magazine 有一篇关于此的好文章:http://coding.smashingmagazine.com/2013/03/12/customizing-bootstrap/
关于html - 从 bootstrap 隐藏 css 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20122504/