从bootstrap隐藏css属性

时间:2013-11-21 13:38:03

标签: html css twitter-bootstrap

通过在ur custom css文件中添加自己的定义来覆盖引导程序中的css属性很简单 但是如何隐藏属性以使其效果本身不显示。

例如,在此<a class="btn btn-danger" href="#" role="button">Link</a>中,必须以某种方式删除display: inline-block;的css属性,以使其适合我的样式。我不希望所有的显示属性。同样适用于vertical-align: middle;

编辑bootstrap.css文件并删除它是相当明显的。但是我还有其他方法可以在我自己的CSS中做到吗?

1 个答案:

答案 0 :(得分:1)

不应该直接修改css库,因为您将无法更改libs文件(例如,在更新的情况下)。相反,您可以按照说明将属性直接放在.css文件中。

您将无法从Bootstrap 删除(严格来说)该属性,但您可以更改它以适应您的样式。如果是display: inline-block,您可以设置display: block;display: inline;或任何您需要的内容。

事实上,这里没有问题;所有属性都有默认值,即使它们不在.css文件中,它们仍然适用,具体取决于您的浏览器选择。所以这里只是一个恢复默认值的问题,你可以通过设置和激活Bootstrap进行设置。

如果你想了解更多关于覆盖Bootstrap CSS的信息,Smashing Magazine有一篇很好的文章:http://coding.smashingmagazine.com/2013/03/12/customizing-bootstrap/