モバイルで適切に積み重ねられていないブートストラップdivs

Question

可能な場合は、私が援助したい2つの問題があります。

1. 私は友人のための反応性の高いウェブサイトを作成するためにブートストラップを使用しています。私は新しく、ブートストラップを使用していたときに、画面サイズに応じて自動的にdivをスタックすることがわかりました（I.E.モバイルビュー）。私が持っている問題は、何らかの理由でブートストラップがdivの最後の数を積み重ねているからです。私はタグを閉じるのを忘れていた可能性があると思ったが、私はコードを精査しており、開いているタグを見つけることはできないようだ。また、私のカスタムCSSを削除して、それが問題を引き起こしているかどうかを確認しました。どんなアイディアですか？

2. 私は、最初のdivの背景に加えて、ページ上のスライドショーにも画像を追加しています。何らかの理由で画像が大きすぎるため、画像が大きすぎます画像が途切れてしまいます。これを適切にフォーマットするための支援がありますか？

フォーマットの問題は私が逃した何か愚かなものだと確信しています。サイトへのリンクのthats

http://evlands.com/EV.html

。すべては暫定的なものであり、私たちは彼の作品のいくつかのプロ写真を待っている。サイトへの提案もありがとうございます

Answer 1

私はページのビューソースを見ましたが、私が見ているのは、divのmdサイズのcolクラスを持っているということです - example class = "col-md-4"これは、中程度のサイズのデバイスでのみ機能します。ブラウザのサイズを小さくする場合は、div内の小型デバイスのクラスも追加する必要があります。例のクラス「col-md-4 col-sm-4 col-xs-4」 - 他のデバイス（小さな画面とx-small）の列サイズを決める必要があるため、ページを小さくするとcol-sm -4/COL-XS-4が使用されます - この方法の詳細については、以下の例

<div class="col-md-4 col-sm-4 col-xs-4">   
    <p></p> 
</div> 

を参照してくださいon grid and media queries はこれが役に立てば幸い、このリンクをチェックしてください。

Answer 2

まず、フレームワークの行クラスを幅と高さでオーバーライドします。

行を単独で試してみてください。行col構造体にクラスを使用する場合は、スタイリングと内部divコンテンツ用に作成してください。

組み込みのグリッドで戦い始めると、速く下り坂に入ることがあります。

Answer 3

あなたのコードをすべて見ることなく、あなたのサイトから判断すると、ページのサイズ変更時に望むスペースを占有していない絶対的なdivがあるように見えます。

ブートストラップに頼ることなく、これらのことを自分で修正したい場合は、 media queriesをご覧ください。あなたは特定の画面サイズで特定のプロパティを指定することができます