スライダー画像

Question

を配置するためにどのように私は、このリンクからスライダーを配置しようとしている：

https://startbootstrap.com/template-overviews/full-slider/

私は私のheader 650px; and carousel height: 100%を守ってきました。私は他の要素も持っているので、アクティブなスライダがそれらの要素の下に来るようにしています。 http://www.jrnoordbgroups.com/

マイアクティブスライダー要素がダウンして来ている：

このリンクを確認してください。 CSSの変更点は何ですか？それを修正する

Answer 1

あなたcarousel-innerスタイルを次のようしておく必要があります

.carousel-inner { 
    position: absolute; 
    top: 0; 
    width: 100%; 
    overflow: hidden; 
} 

またそうでプレイする必要がありますあなたのコンテンツとヘッダーがカルーセルインナーの上にあることを確認するためのZインデックス、またはheaderの

の最初の要素にプッシュします

Answer 2

二つの方法：

は（それが属する）最初のセクションでスライダー要素を入れてください。必要に応じていくつかのより多くの調整...

<div class="container header-content"> 
     <div class="row"> 
       <!--here for example--> 
       ... 

または絶対にスライダ位置を設定します。

.carousel-inner { 
    position: absolute; 
    top: 0; 
    z-index: -1; 
    width: 100%; 
    overflow: hidden; 
}