如何通过 ID 仅在一个 div 中删除 Bootstrap 3 的响应

Question

我有一个简单的Bootstrap页面-

  <div class="container">
    <div class="row">
      <div class="col-sm-12"></div>
    </div>
    <div class="row">
      <div class="col-sm-2" id="not_responsive"></div>
      <div class="col-sm-4"></div>
      <div class="col-sm-6"></div>
    </div>
    <div class="row">
      ...
    </div>
  </div>

我想要的不是让 div 响应具有 ID not_responsive.

我在 CSS 中所做的是-

#not_responsive
{
    min-width : 500px;
}

但它不起作用。

有人能帮帮我吗？

在此先感谢您的帮助

Answer 1

添加重要！覆盖 TWBS 设置

#not_responsive
{
    min-width: 500px !important;
}

Answer 2

上面 Rafael 建议的使用 "important" 的选项将起作用。

另一种方法是在 css 中更加具体。这是一个例子：

HTML:

<div class="container">
        <div class="row">
          <div class="col-sm-12"></div>
        </div>
        <div class="row">
          <div class="col-sm-2" id="not_responsive"></div>
          <div class="col-sm-4"></div>
          <div class="col-sm-6"></div>
        </div>
        <div class="row">
          ...
        </div>
      </div>

CSS

.container .row #not_responsive
{
     width: 500px;
     min-width: 500px;
}