html - Bootstrap 3 アフィックス ヘッダーとメニュー

Question

検索しても正しい解決策が得られない

次の投稿からこれまでのところ取得しました： Bootstrap。複数の接辞属性を追加するには? 複数の接辞属性の使用

誰かが2つの問題で私を助けてくれませんか:

問題 1:

http://jsfiddle.net/Spiral57/b9xTs/

#affix1.affix {
    position: fixed; 
    background-color: #000;
    width: 100%;
    top: -10px; 
    z-index:1030;
}

#affix2.affix {
    position: fixed; 
    width: 100%;
    background-color: #000;
    top: 105px; 
    z-index:1030;
}

#affix3.affix {
    position: fixed; 
    width: 100%;
    background-color: #000;
    top: 155px; 
    z-index:1030;
}

@media (max-width: 767px) {
    #affix3.affix {
        position: fixed; 
        width: 100%;
        background-color: #000;
        top: 330px; 
        z-index:1030;
    }
}

BLACKの背景を維持しながら、ヘッダー、navbar、およびnavwrapperを上部に固定する必要があります。

問題2

http://jsfiddle.net/Spiral57/wnbFf/

#affix4.affix {
    position: fixed; 
    background-color: #fff;
    right: 15px;
    top: -10px; 
    z-index:1030;
}


#affix5.affix {
    position: fixed; 
    width: 100%;
    background-color: #fff;
    top: 105px; 
    z-index:1030;
}

#affix6.affix {
    position: fixed; 
    width: 99%;
    background-color: #fff;
    top: 155px; 
    z-index:1030;
}

@media (max-width: 767px) {
    #affix6.affix {
        position: fixed; 
        width: 92%;
        background-color: #fff;
        top: 330px; 
        z-index:1030;
    }
}

白い背景を維持しながら、ヘッダー、navbar、navwrapper を上部に固定する必要があります。これで、右側にロゴを残す必要があります。