如何将Bootstrap限制为div的范围？我需要将ExtstS应用程序中的Bootstrap样式表嵌套到特定的div中,并且两者都发生冲突,因为它们需要自己的主体,ul,li,a等.
我试图避免手动编辑bootstrap.css(或将其保持在最低限度),以便可以轻松更新.
我正在构建一个chrome扩展,它将一个小部件附加到gmail消息中.当用户在gmail.com网站上时,它会出现在每封电子邮件(类似于gmail上下文小工具)的下方.
我看了几个像我自己的应用程序中使用的twitter bootstrap的css框架.当我在mywidget中使用它时,由于css类名称冲突,它与现有的gmail样式混乱.是否有任何其他框架我可以使用没有名称冲突的地方？我遇到了jquery-ui框架.这里的所有类名都以.ui-*开头,从而不会引起名称冲突.有没有像这样的其他css框架有独特的类名？
我有一个包含不同部分的网页,需要将不同的css样式表应用于每个部分.我想知道的是如何指定用于网页的每个不同部分的css样式表.如果我将它们全部放在一起,组件将无法正常显示.
是否有文本过滤器或javascript/jquery函数,它会在样式表中添加所有css选择器？我试图用twitter bootstrap影响一个div,但是它影响了它之外的侧边栏,无论如何要做到这一点？(我不想使用iframe.)
编辑:
我想要的是,能够为ID文件中的每个选择器添加ID"#content".
我想将一个外部CSS(例如Bootstrap)导入我的网站 - 问题是我想将Bootstrap样式仅应用于页面的特定区域.当我包含Bootstrap时,它将其样式应用于整个页面,重新定位所有表格,div等.
是否可以仅将Bootstrap应用于某个区域(比如父div或什么？)
谢谢
我使用twitter bootstrap设计了一个包含一些内容的div.现在,我想生成此页面的片段,以便其他用户可以将此代码段复制粘贴到其页面中.但问题是,并不能保证所有这些都会使用bootstrap,所以这个代码片段在非引导站点中不起作用.
我也添加了一些自定义css类.我可以使用样式标记将这些样式添加到代码段中.如果我想以相同的方式添加bootstrap样式,那将是巨大的.
可以使用bootstrap CDN用于特定的div吗？这样引导样式不会影响该页面的其他部分.或者还有其他方法吗？
这是片段:
<div id="login-form">
<div class="row row-padded">
<div class="col-md-7">
<form role="form">
<div id="title" class="section-header login-form-label">Login</div>
<div class="form-group">
<label for="exampleInputEmail1" class="login-form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1" class="login-form-label">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<button type="button" class="btn btn-primary" id="primary-button-text">Primary</button>
<div><a href="#" class="">Forgot password?</a></div>
<div><a href="#" class="" id="register-link-text">New here? Create an Account</a></div>
</form>
</div>
</div>
我正在开发一个chrome扩展程序，该扩展程序可以将按钮注入页面。单击此按钮后，它将启动Twitter引导程序模式。但是，用twitter引导程序注入的css会影响页面本身，我只希望它们影响模式div。我该如何实现？
谢谢！