Twitter bootstrap 3 覆盖引导css规则无效，看到css文件和规则但忽略属性

我使用bootswatchv3.3.6和django 1.11.2

我想在bootstrap的表列中制作一个全宽按钮，但发生了一些非常奇怪的事情，如下图所示：

我想把那个蓝色的按钮全宽。我已经在我的模板和相应的css中添加了一个

btn buy

类：

.btn-buy.btn-primary {
    "width": 100%;
}

问题在于，红色箭头指向的

width

属性被忽略。但是，如果我单击

store.css

：

并在firebug控制台上写入属性：

然后正确应用修改：

无论我如何编写类

btn buy

，或者如果我将其改为id，结果都是一样的

这是相关的DTL代码：

                    <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <div id="plan-thumb" class="thumbnail">
                            <h3>Name</h3>
                            <hr>
                            <h4 align="center">{{ plan.description }}</h4>
                            <ul>
                                <li>Calls per minute: {{ plan.requests_per_minute }}</li>
                                <li>Calls per day: {{ plan.requests_per_day }}</li>
                                <li>Calls per minute: {{ plan.requests_per_month }}</li>
                            </ul>
                            <h5 class="pull-middle">Price per month: {{ plan.price }}$</h5>
                            <hr>
                                <div class="bottom-align-text">
                                        {# todo this should be JS instead of new url, pushing a popup of terms etc #}
                                        <button type="button" class=" btn-buy btn-primary" href="#"> Buy
                                            {# href="{% url 'store:buy' plan_id=plan.id %}"> #}
                                        </button>
                                </div>
                        </div> {# end of thumbnail div #}
                    </div> 

名称

{{plan.description}}

每分钟呼叫数：{{plan.requests\u per\u minute}
每天呼叫：{{plan.requests\u per\u day}
每分钟呼叫次数：{{plan.requests\u per\u month}

每月价格：{{plan.Price}$

{#todo这应该是JS，而不是新的url，推动术语弹出窗口等#}
购买
{#href=“{%url”商店：购买“计划”\u id=plan.id%}”>\
{#缩略图div的结尾}

---

关于为什么我的修改没有被自动应用，你有什么想法吗？

在你的问题代码块中，你的width属性周围有双引号。这不是正确的CSS语法-请删除双引号。@StackingJasonOper您是对的！多么愚蠢的错误啊：It’太感谢你了