2017-01-21 15 views
-2

小さい画面でdivを移動するのに押したり引いたりするのが難しいです。大きな画面上画面が小さいときにdivを移動する方法

のdiv:
[A] [B]
[C]

:彼らは小さな画面上で探すことのために、私は希望どのように [A] [B] [C]

どのような助けが素晴らしいでしょう。ありがとう!

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" > 

は、その後、あなたが画面に応じて、あなたのdivを再配置するcol-md-*col-xs-*のようなクラスで遊ぶことができます:

+5

これはブートストラップのグリッドシステムを使用するのが簡単なので、これまでに試したことと動作しない理由を説明するために質問を拡張する必要があります。 – Duncan

答えて

1

まず、あなたの<head></head>タグの間のコード行を含めることによって、あなたのページにブートストラップをインポートすることができますサイズ。

ブートストラップ付きCSSの詳細here

0

ブートストラップは大丈夫と良い選択ですが、この方法を行う、あなたの決定でより多くのカスタマイズを行うことができます。

@media only screen and (max-width: 500px){ 

.yourDIV { 

width : 45%; 
margin:2%; 

} 

} 

これは500pxなど、より小さなサイズで画面のために働くだろうが、あなたが自分の中で変更することができます方法。

+0

ブートストラップを使っている人は、単にcssを読み込んで使うだけですが、もっと良い方法は 'less'や' scss'ソースを使って自分でパラメータをカスタマイズすることです。 – Duncan

関連する問題