ブートストラップの位置が固定されていて、あるカラムでは機能しません。

ブートストラップグリッドシステムで新しいレイアウトを作成しました。実際に行とカラムを作成しました。最初の行は私のheaderrowです。私はポジションを固定したものを入れます。次にクラスを列に追加しました。クラスには赤い背景などが含まれていますが、位置は固定されていません。位置：固定; chrome：/なぜですか？ブートストラップの位置が固定されていて、あるカラムでは機能しません。

http://kephost.com/images/2017/07/07/riiiii.jpg

出典

2017-07-06 cool ice

[Welcome to StackOverflow]（https://stackoverflow.com/tour）。質問を改善するヒントについては、[質問]ページをご覧ください。大きな質問は、コミュニティからより迅速かつより良い回答を生み出す傾向があります。 – ochi

あなたの要素インスペクタであなたの 'position：fixed'がクロスアウトされています。それは、より特異性の高い宣言や '重要な'宣言によってオーバーライドされていることを意味します。問題の要素を対象とする宣言を再度確認して、すべての**関連コードを[**最小限で完全で検証可能な例**]に投稿してください（http://stackoverflow.com/ヘルプ/ mcve）。詳細については、[**よくある質問をどうやるか**]（http://stackoverflow.com/help/how-to-ask）に関するヘルプ記事を参照して、サイトの[**ツアー**]（http://stackoverflow.com/tour）:) –

実際には、bootstrap.cssの位置をターゲットとしています。私はGoogleのツールバーでそれを削除し、現在はクロスライン化されていないし、それは動作します。しかし、... bootstrap.cssがファイル形式ではなくリンクされているため、ファイル内のファイルを削除できません。 –

位置するので：固定は、ブートストラップのデフォルトの位置でオーバーライドしています。 col-xx-xxにはposition：relativeルールがあります。

クラス "headerUpper"をブートストラップカラムに追加する必要はありません。あなたはそれを親要素に追加する必要があります。次のコードのように： - http://getbootstrap.com/javascript/#affix

<div class="headerUpper"> 
    <div class="row"> 
     <div class="col-sm-12"> 
     ... 
     </div> 
    </div> 
</div>

また、固定要素のためのブートストラップの接辞機能を使用することができます。

出典

2017-07-06 23:33:38

私は正確なことを書くことができますか？：/私はあなたがその位置を言っていることを理解しています：相対; colオーバーライドによって。私はそれをどのように解決することができます書くことができますか？ –

新しいコメントをご覧ください –

<div style="position:fixed" 
     class="headerUpper col-md-12 col-sm-12 col-xs-12 bg-white" 
>

すべてを解決しました。

出典

2017-07-06 23:44:43

ブートストラップの位置が固定されていて、あるカラムでは機能しません。

答えて

関連する問題