ブートストラップの4列のグリッドを2列目の2列に広げる方法を教えてください。

ブートストラップの4列のグリッドを2列目の2列にするにはどうすればよいですか？ブートストラップの4列のグリッドを2列目の2列に広げる方法を教えてください。

こんにちは、someneが4列（写真enter image description here参照）のポートフォリオグリッドを実現するのに役立ちます。（ホバリングキャプション効果のある画像を内側に配置する予定）

私はこの解決策を試しましたが、正しい解決策を見つけられませんでした。

How can I get a Bootstrap column to span multiple rows?

Row span in Bootstrap 3?

How to make a div in the middle of two others to span multiple rows, like rowspan in tables

Twitter Bootstrap 3 rowspan and reorder

how to create complex grid in bootstrap 3, (column rowspan)

Twitter Bootstrap 3 rowspan and reorder
：下記のリンク

ありがとうございます！すべてのセルが（画像が示すように）同じ高さを持っていると仮定すると

look the scheme

出典

2016-04-01 Jasmina

すべての浮動要素がトリックを行うことができる1つの行だけを使用してみてください。そうでない場合は、それをテストするためにフィドルを投稿してください。 – Loenix

ブートストラップの通常のグリッドでは実際にはできません。行間は

に適用できるものです。 – niorad

あなたが提供できるコードはありますか？ – Jay

答えて

は、あなたがしなければならないすべては、4つの列構造を作成し、その中の1つのまたは2つの要素を入れています。そのような

何か：

<div class="row"> 
 
    <div class="col-md-3"> 
 
    <div class="single-height"> 
 
     1 
 
    </div> 
 
    <div class="single-height"> 
 
     5 
 
    </div> 
 
    </div> 
 
    <div class="col-md-3"> 
 
    <div class="double-height"> 
 
     2 
 
    </div> 
 
    </div> 
 
    <div class="col-md-3"> 
 
    <div class="single-height"> 
 
     3 
 
    </div> 
 
    <div class="single-height"> 
 
     6 
 
    </div> 
 
    </div>  
 
    <div class="col-md-3"> 
 
    <div class="single-height"> 
 
     4 
 
    </div> 
 
    <div class="single-height"> 
 
     7 
 
    </div> 
 
    </div> 
 
</div>

出典

2016-04-01 12:35:16 javinievas

ありがとう、それを試みます。 – Jasmina

あなたは、ブートストラップ列グリッドスタイルでこれを行うことはできません。最も高い列が一番下の行を押します。これは、ブートストラップグリッドカラムに非常に適した石積みを使用して行うことができます。ここにそれを見てくださいMasonry page

出典

2016-04-01 13:42:48

これはスタックオーバーフローに関する私の最初の投稿です。私はウェブ開発者ではかなり新しいです。石積みは問題の良い解決策のように思えますが、探検します、ありがとう。 – Jasmina

私は自分のポートフォリオグリッドを、フィルタリングなしのテーマにしたいと思っています。あなたはまだ石工がそれのための権利だと思いますか？ http://www.themezaa.com/html/h-code/home-architecture.html – Jasmina

この例では、すべてのボックスが同じ高さになっているので、ブートストラップは十分に良いはずですが、画像の高さが異なると石積みがただchoise。このページをチェックしてくださいhttp://www.kristianhammerstad.com/ –

ブートストラップの4列のグリッドを2列目の2列に広げる方法を教えてください。

答えて

関連する問題