如何防止bootstrap删除我的样式？

Question

我有一个简单的div，我用jquery方法load（）加载html内容。此内容使用引导选项卡窗格。在它的简单形式中它是这样的：

<div id="div-loaded">   -- the content of this div was loaded
<div class="tabbable">
    <ul class="nav nav-tabs">
        <li class="active">
            <a data-toggle="tab" href="#tab-1">Tab 1</a>
        </li>
        <li>
            <a data-toggle="tab" href="#tab-2">Tab 2</a>
        </li>
        <li>
            <a data-toggle="tab" href="#tab-3">Tab 3</a>
        </li>
    </ul>
<div class="tab-content">
    <div id="tab-1" class="tab-pane active">
        <table class="table-mytableclass">  --- this class gets overwritten by it self
            <tbody>
                <tr>
                    ... some table content
                </tr>
            </tbody>
        </table>
    <div>
    ... other tabs

问题是正确的样式类仅应用了几分之一秒，然后又更改回bootstrap默认值。如果我（在FF中）选择上下文菜单选项重新加载CSS，那么再一次这个分数，然后我的样式变为bootstrap default。为什么会这样？怎么能阻止这个呢？如何改变内容的外观？ 还有一个问题吗？在我上面的列表中的选项卡中，这是复制形式在网上找到的一个例子，是不是要在

项目中设置标签？

其他信息： - 不能在jfiddle中重现。 - 如果我强制内联样式它的工作原理。就像上课以某种方式被“删除”一样。

Answer 1

您的引导样式优先于您的样式。

顺序，我相信：

1. 内联样式：style="key:value;"
2. ！important modified：key:value!important;
3. 按选择器规范：#id is more specific than .class
4. 参考顺序：the latest style takes priority

所以在你的情况下，我没有看到HTML，相信你已经在自己的样式链接之后放置了引导链接。