2017-07-28 5 views
0

とCSS/HTMLの空きスペースの問題で、私は(最低限にブラウザのサイズを変更した後)モバイルモードでSearch PageAkaratak
呼び出さ商業ウェブサイトを持っている
スペースがあるがよう
いくつかのdivの間、空のまま次の:
enter image description here
あなたはすべての<div class="deal-top-top"></div>親に<div class="clearfix"></div>子を削除する必要があり、私はそれが簡単な質問でなければなりません知っているが、私はそれが本部アライメント

+0

デバッグのヘルプを求める質問(「**なぜこのコードは機能していないのですか?**」)は、 希望の動作、特定の問題またはエラー、最短のコードを必要とします。 **。 **明確な問題のない質問 ステートメント**は、他の読者には役に立ちません。参照:[最小、完全、および 検証可能なサンプルの作成方法](https://stackoverflow.com/help/mcve) – j08691

答えて

1

あなたはブートストラップを使用していますが、適切な方法ではありません。レイアウトを4列または6列に変更して、グリッドが2x2レイアウトに自動的に調整されるようにする必要があります。

あなたがすることができるもう一つは、あなたのlayourようにすることです:あなただけに1つのクラスを追加する必要があり、ブートストラップクラスを使用

2x2の

-1-

2x2の

を各行の第3のオブジェクトはそれをsm-12とし、他はsm-6とする。もっと慎重に読むことをお勧めしますBootstrap grid system正しい方法で使用してください。

代わりにBootstrap 4 grid systemの魔法使いを使用すると、良い方法で問題を移動して回避することができます。

+0

行ごとのアイテムの問題でしたありがとう –

1

を揃え取得することができませんでした:)