覆蓋引導類屬性

Question

我的課：

 .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面板制作自定義類。 我需要使用bootstrap panel-footer覆蓋myfooter所有屬性。 我在<header>引導程序類之后正確聲明了自定義類。 現在我的問題是：

• 我只需要為單個頁面加載這個.myfooter類，而其他頁面則需要引導類.panel-footer ，那么該如何編寫CSS類呢？
• 選擇所有引導程序類屬性並用您的需要值聲明屬性，而將其他屬性聲明為none是不好的做法。這就是我在自定義類.myfooter 。

Answer 1

不知道我是否理解正確，但是如果您只想在一個頁面上使用.myfooter ，我個人會像<div class="myfooter"></div>那樣在該頁面上調用該類，而在所有其他頁面上都使用<div class="panel-footer"></div>

至於選擇引導程序類元素，您可以只使用兩個具有所有標准引導程序元素的.panel-footer類，然后創建第二個類以向頁腳添加/更改元素。 因此可以像<div class="panel-footer custom-footer"></div> ，而客戶頁腳將保留您定制的元素。