我有一个包含大量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>
答案 0 :(得分:1)
为什么不复制Button样式并将其包含在custom.css中并忽略Bootstrap.css。
我认为仅仅为一个按钮/链接设置一个大框架是不是一个好主意?
或者,使用Bootstrap定制器下载您想要使用的部件。
此外,您可以通过分区创建不同版本的Bootstrap.css文件。
这是一张图片。