グリッド・システムのHTML誰かが私に手を与えることができれば私は思っていた

Question

、私はこの問題を解決するために3時間試みました。私はグリッドなどを使って絵のようなインターフェイスを持つ必要があります。 私が得ることができる最も近いものは、2番目のボトムグリッド以外のすべてが正しく表示されているときです。それは通常、白線（開始点）の下になります。 誰かが私にこの問題を回避するためのヒントを教えてもらえますか？

Answer 1

あなたは、最低2つのオプションがあります。

1の絶対位置グリッド要素を作成し、それらを上、左、右、下の値を与えることですが。親要素（グリッドコンテナ）には、 "position：relative;" （あるいは固定または絶対にすることもできますが、あなたの場合は相対的に意味があります）。

別のオプションは、次のようにマークアップを記述することです：レイアウトが中断されませんので

<div class="col-xs-6"> 
<div class="col-xs-12"> 
one 
</div> 
<div class="col-xs-12"> 
two 
</div> 
</div> 

<div class="col-xs-6"> 
three 
</div> 

は基本的に使用すると、1つの親のdivの中に左の2つのdivをラップします。内側のdivの高さが右側のボックスの高さの50％であることを確認してください。