html - 在单个页面上集成 Bootstrap CSS 框架

标签 html css twitter-bootstrap

我们的机构已签约在现有 CMS 中开发几个页面。我想使用 Twitter Bootstrap 框架来构建这些页面。但是,我担心我们没有修改的模板区域与网站上现有的 CSS 发生冲突。

与其为这些页面上的整个文档引入 Bootstrap 样式并手动解决所有样式冲突问题,我想知道编译带有选择器前缀的 Boostrap CSS 是否是更好的解决方案(#body-content 例如)将这些样式隔离到我们正在修改的文档区域。

这种方法有什么风险吗?这种方法可能不起作用或应该避免的任何原因?

最佳答案

根据你的问题

Are there any risks to this approach?Any reason why this approach might not work or should be avoided?

你会遇到的唯一问题是当你获得 Bootstrap 框架的更新时,因为你使用你自己的自定义编译的 css,你将不得不为新版本重新编译它。 如果你坚持原来的 css,你只需用新版本替换当前的 css。 一切就绪。 关于冲突,我建议您对覆盖 boostrap.css 的自定义 css 文件进行更改,以便您有机会检查实际冲突的内容。

<link rel="stylesheet" type="text/css" href="boostrap.css">
<link rel="stylesheet" type="text/css" href="custom.css">

关于html - 在单个页面上集成 Bootstrap CSS 框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24642266/

相关文章:

css - 单击按钮时切换状态?

javascript - 如何在第一个 img 标签之前和第二个 img 标签之后添加 html 代码

php - 如何让自适应图像为响应式 BootStrap 图像发送正确的文件大小?

javascript - 如何使用 JavaScript 让我的按钮正常工作?

jquery - 使用淡入淡出显示/隐藏内容

html - Css min-width 不显示水平滚动条

html - 只需要将 1 张图片放在顶部,第二张图片放在底部

html - Bootstrap 3 .text-info 和 .bg-danger 类将不被应用

html - CSS3动画,图片移动后消失

c# - 单击按钮停止刷新页面