防止Twitter引导程序更改现有元素样式

时间:2014-05-28 19:16:16

标签: html css twitter-bootstrap

我有一个包含大量CSS的复杂网站,包括jQuery UI等等。

我添加了twitter bootstrap 3(此时最新),我想用它来将单个链接设置为按钮。

嗯,我拿到了按钮,很棒!

但是,不知怎的,我的fieldset的<legend>元素有不同的样式,我现有的菜单突然开始使用更大的字体大小,弄乱了我现有的布局。

我的印象是,无论你喜欢与否,都会在现有组件中添加twitter引导程序。我不确定它是否总是这样做,或者它是否是我现有的CSS和bootstrap之间的复杂交互。

我的问题:我如何限制引导程序只为我的单个按钮设置样式(并让其余的单独留下)?这可能吗?

我的代码是:

<link rel="stylesheet" href="bootstrap.css" type="text/css" media="screen" />
 .....
<fieldset>

    <!-- somehow the legend text below changed from existing pre-bootstrap styling -->
    <legend>Menu Selection</legend> 
    <table>
 .....
<a href="#" class="btn btn-default btn-info btn-lg">
    <span class="glyphicon glyphicon-cog"></span>
button</a>

1 个答案:

答案 0 :(得分:1)

为什么不复制Button样式并将其包含在custom.css中并忽略Bootstrap.css。

我认为仅仅为一个按钮/链接设置一个大框架是不是一个好主意?

或者,使用Bootstrap定制器下载您想要使用的部件。

此外,您可以通过分区创建不同版本的Bootstrap.css文件。

这是一张图片。

enter image description here