如何用最新的花式Bootstrap＆amp; amp;来升级web项目上海社会科学院

Question

我正在开发一个ASP .NET Web项目，该项目使用：jQuery，jQuery UI，重置/规范化css样式表。大多数CSS都是垃圾，所以我要改写它+我会有预算：）

我遇到了两个我想学习的奇特解决方案：

• SASS
• Bootstrap

我想知道，如何将我现有的应用程序与这些解决方案“混合”起来。说到SASS，在我看来非常明显 - 只需重写CSS并为新的干净元CSS引以为豪，但是我不确定Bootstrap。如果我不想改变我的网站布局，它有什么好处？

另一件事：将Bootstrap / SASS包含在我的网站中时，我是否会遇到可能的问题？

Answer 1

Twitter Bootstrap（TBS）是一个CSS框架，其最初目的是用于网站和Web应用程序原型。因此，如果你想从头开始使用非常彻底且风格很好的CSS，那么bootstrap很棒。

如果您想保留现有的大部分UI，Twitter Bootstrap不一定是正确的解决方案，特别是如果您的现有UI与其脚手架，网格系统和其UI样式的其他元素（表单）不匹配输入，按钮，排版等）。你会发现自己必须覆盖很多框架的属性，这会破坏目的。

正如@Nathron所提到的，如果您尝试将TBS与现有代码混合使用，则可能会遇到冲突。创建一个自定义的TBS版本，其中只包含您想要的框架元素，这是最好的方法：http://twitter.github.com/bootstrap/customize.html。

关于SASS，如果您想将其与TBS结合使用，请查看https://github.com/jlong/sass-twitter-bootstrap。

Answer 2

从他们的网站：Boostrap JS用于“工具提示，弹出窗口，模态等内容的交互式组件”。因此，如果您正在使用其中任何一个，请确保您没有冲突的JS函数。

如果您的类名与Bootstrap使用的类名相同，则可能会遇到CSS问题。他们中的许多都像“暗黑”一样模糊不清，但其中一些很常见，比如“下拉”，所以你只需要留意这一点。

最简单的方法是下载并玩它：）