相关疑难解决方法(0)

我有一个现有的网站,其中包含许多旧页面和表格,我正在尝试逐步过渡到CSS.我想使用Twitter Bootstrap样式表 - 特别是表单的样式 - 但仅限于我明确请求它们的页面部分.例如,我可能会在div中包围整个表单,如下所示:

<div class="bootstrap">
 <!-- everything in here should have the Bootstrap CSS applied -->
 <form>
   <p><label for="text_input">Label</label><input type="text" id="text_input" /></p>
 </form>
</div>

我希望所有其他形式保持与现在相同,因为我无法同时更改所有形式.有一个简单的方法吗？我可以浏览Bootstrap CSS中的每一个样式并添加一个父选择器(例如'p'将成为'div.bootstrap p'),但这需要很长时间,并且很容易错过样式.

编辑:如果这样的事情不可能,有没有一个免费工具可以从文件中提取所有样式,添加前缀,然后再将它们保存回来？

当我使用Crunch/WinLESS编译Bootstrap 3时,知道为什么某些样式会破坏.我正在使用此代码命名空间引导程序.

.namespace-bs {
    @import "less/bootstrap.less";
}

对于大多数样式而言,它的效果很好但有一些结果如下:

.btn-primary .namespace-bs .caret,.btn-success .namespace-bs .caret,.btn-warning .namespace-bs .caret,.btn-danger .namespace-bs .caret,.btn-info .namespace-bs .caret{border-top-color:#fff;}

我希望它们是这样的:

.namespace-bs .btn-primary .caret,.namespace-bs .btn-success .caret,.namespace-bs .btn-warning .caret,.namespace-bs .btn-danger .caret,.namespace-bs .btn-info .caret{border-top-color:#fff;}

我的编译器或LESS代码中的错误是否有问题？

谢谢

我试图弄清楚如何解决这个问题,但我似乎无法找到解决方案.

我正在使用jqGrid 4.4.1(jQuery UI 1.8.23),我刚开始使用twitter bootstrap.
正如你在这个小提琴中看到的那样,导航栏很麻烦.
页面选择器元素比它应该长得多.
这是没有twitter bootstrap的jqGrid 的小提琴.

那里有谁可以帮我解决这个问题吗？
还有其他我应该注意的问题吗？

谢谢你的帮助.