Question

myClass：

 .myfooter{
    background-color: #ffffff;
    padding: 10px 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-top: none;
     border-bottom-right-radius:none; <!--In chrome show inavalid property why?
    border-bottom-left-radius: none;<!--In chrome show inavalid property why?

     }

引导程序3：

 .panel-footer {
 padding: 10px 15px;
 background-color: #f5f5f5;
 border-top: 1px solid #ddd;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;} <!--copy and paste it here from chrome 
  browser-->

主页：

  <div class="container doc-container">
     <div class="row">
        <div class="col-md-12">
         <div class="panel panel-default">
           <div class="panel-footer myfooter clearfix">
                               <strong>Terms and Conditions:</strong><br>
                                1- Line 1
                                2- Line 2

                            </div>
          </div>
    </div>
   </div>
   </div>

我正在为bootstrap 3面板创建自定义类。我需要使用引导程序myfooter覆盖panel-footer的所有属性。我在<header>中的引导程序类之后正确声明了自定义类。 现在我的问题是：

我需要将此.myfooter类仅针对单个页面进行加载，引导类.panel-footer用于其他页面。因此应如何编写此任务的CSS类？
选择所有引导程序类属性并用您的需要值声明属性，然后声明其他属性是一种不好的做法没有属性。这就是我在自定义类.myfooter中所做的。

Answer 1

不确定我是否理解正确，但是如果您只想在一页上使用.myfooter，我会像<div class="myfooter"></div>这样亲自在该页面上调用该类，而在所有其他页面上都使用{{ 1}}

对于选择引导程序类元素，您可以只使用两个具有所有标准引导程序元素的类<div class="panel-footer"></div>，然后创建第二个类以向页脚添加/更改元素。因此可以像.panel-footer这样工作，客户页脚将保留您定制的元素。

覆盖引导类属性

1 个答案: