html - 从 bootstrap 隐藏 css 属性

标签 html css twitter-bootstrap

通过在您的自定义 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/

相关文章:

javascript - 如何使用当前 HTML 高度更改 (DOM) CSS?

jquery - 使用 div 代替复选框

php - 如何在 laravel 中选中和不选中复选框时显示 2 个不同的值?

html - 如何添加边框CSS

html - 带有不透明动画的双背景 DIV 一两个单独的图像

javascript - Uncaught ReferenceError : makePopunder is not defined

html - 当屏幕尺寸较小时,第 n 个 child 不归因

html - 最小宽度和宽度适合内容不适用于文本区域或输入

css - Bootstrap 工具提示在第二次单击时更改其位置?

twitter-bootstrap - 你如何在 twitter-bootstrap 中编写弹出窗口?