bootstrap3の以下のような条件のときにカラム落ちしてしまいます。
PHP
1<div class="jumbotron" id="portfolio_contents"> 2 <div class="container"> 3 <div class="row"> 4 5 <?php foreach ($array as $key => $value): ?> 6 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" id="portfolio_column"> 7 内容(画像とキャプション) 8 </div> 9 <?php endforeach; ?> 10 11 </div> 12 </div><!-- container --> 13 </div><!-- jumbotron --> 14 15 16
1列にカラムを2つか3つに設定したいのですが、画面サイズによりカラム落ちが発生してしまいます。
このサイトのような感じにしてたいのです→参考サイト
原因は2列目以降にrow classが指定されず、1列が12オーバーで無理やりカラムを続けているからだと思うのですが、参考サイトのように綺麗にカラムを並べるにはどうしたら良いのでしょうか?
データベースからデータ数を計算してページングのロジックのようなモノを考えてrowを複数生成する・・というやり方しかないのでしょうか・・・?
状況がわかりずらくてすみません。。
知りたいことを簡潔にいうと、
参考サイト
こちらのサイトで、1つのrowの中に12を超えるcolを指定しているのにカラム落ちしないのはなぜなのか?
ということです。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。