カスタムナビゲーションバーCSSのスキルは、私は必死にこの写真のようナビゲーションバーを作成する必要が応答

Question

をブートストラップこのブランドロゴはpngまたはjpegになりますが、CSSで作成されます。

また、私はこのnavbarがboostrapを使用して反応する必要があります。上に固定。

これを達成する手助けができますか？

PS。下にスクロールすると、stackoverflowサイトのように少し傾きがあるはずです。 「ロゴは」国境半径を使用して達成するのは簡単であることをよく

Answer 1

.border { 
 
    
 
    /* the border you need (as box-shadow) */ 
 
    box-shadow: 0 1px 0 rgba(12,13,14,0.15), 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent; 
 

 
    /* fixed to top */ 
 
    top: 0px; 
 

 
    /* make it responsive */ 
 
    width: 100%; 
 

 
    /* basics */ 
 
    position: fixed; 
 
    background-color: #fafafb; 
 
    height: 60px; 
 
    
 
}

<div class="border"></div>