2016-10-17 8 views
0

私は何もせずにいくつかのカラムといくつかの情報を使ってブートストラップデザインを構築しようとしています。まず第一に、私のコードが正しいかどうかを知りたいのですが、小さなデバイスからページを見た後にアイテムが列の下に表示されないことがわかります。私は実際にこれについてかなり悲しいと感じています。私は疲れてもう私はそれを修正できません。試してみると試してみるが結果はない。多分あなたは私のコードを見ることができますか? (スニペットを追加したいのですが、適切な結果を得るには、追加した完全なソースがありますhereレスポンシブなデザインがブラウザを縮めた後に壊れる

もう1つの質問ですが、ブートストラップが320pxから始まる最小サイズを設定する必要があります。 ?

FiddleHERE

+0

アプリケーションで間違っていた場所を見つける代わりにコードを追加するのは難しい – Aravind

+2

コードを見るためにzipファイルをダウンロードしません。 – mlegg

答えて

1

私はアイデアを得るためにもう少し上まで読んでお勧めします。私はあなたのコードを見ていたし、あなたの問題はほとんど応答性がどのように動作するか、ブートストラップのちょうど一般的な誤解であると思われますすべての列を同じサイズに設定すると、ブートストラップの応答性が役立つものを取り除くことができます。画面が小さくなるように、それをngの、構成要素は、

<div class="col-lg-6 col-md-9 col-sm-12">...</div> 

それは完璧に見えるようにするためにこれは実験の良い量を取るように複数の列を取得します! :)

+0

これに加えて、ブートストラップは、** 4 **基本サイズレベル:lg(例:デスクトップ)、md(例:デスクトップ)、sm(例:タブレット)、xs(電話など)です。ブートストラップのやり方は、各サイズレベルで必要とする要素ごとに12の列の数を定義することです。 OPがやっていたことは本当に反応性ではありませんでした。ページはサイズ変更して再配置して、同じページであるにもかかわらず**ほぼ**(スマートウォッチは試していません...)どんなサイズでも見栄えがよくなければなりません。 – vladdobra

関連する問題