タブレット/モバイルデバイスでこれらの列を並べ替えるにはどうすればよいですか？

私はFAQページを書き直そうとしています。モバイル/タブレット端末のカテゴリの後ろのスペースを修正する必要があります。パッディングと幅で修正しようとしましたが、うまく動作しませんでした。タブレット/モバイルデバイスでこれらの列を並べ替えるにはどうすればよいですか？

.faqs_content .faq_content .faq .media-left { 
padding: 0 30px; 
}

出典

2016-11-10 Demin Deminoff

あなたの問題の1つは、ブートストラップカラムに静的な幅を設定していることです。 'col-sm-3 faq_category'を入力して、' col-sm-3 faq_category {width：278px; } '。これは反応しません。列の幅は％でなければなりません。私はブートストラップ 'container'、' row'、または 'col'パディング、マージン、または幅をつぶすことをお勧めします。フレームワークと戦わないでください！ – zgood

％で設定する幅は？ –

'col-sm-3'の幅は、あなたのためにbootstrap.cssファイル（width：25％）に既に設定されていますので、' faq_category {width：278px; } 'とその列は25％に設定されます。 – zgood

レスポンスに使用する場合は、割合を使用することをお勧めします。

出典

2016-11-10 20:55:26 bak

パディングを使用する方法はありません。あなたが応答設計、またはfloatのようなもののためにflex-boxを使用する必要があり、私はこのポストhttps://css-tricks.com/snippets/css/a-guide-to-flexbox/

そして、あなたは、ブートストラップを使用して応答性のデザインのウェブサイトを構築するための最も簡単な方法は、フレックスボックスを使用したくない場合を読んですることをお勧めいたします。

出典

2016-11-10 21:16:09 gabrielcolmena

タブレット/モバイルデバイスでこれらの列を並べ替えるにはどうすればよいですか？

答えて

関連する問題