1
我是一種新的響應式設計,我有一些問題在引導中使用推拉。引導推/拉問題
第一個問題是寫這樣的行是否正確?
<div class="row">
<div class="col-xs-12 col-md-6">
<h1>Projects:</h1>
</div>
<div class="col-xs-12 col-md-6">
<textarea class="form-control preventEdit" rows="5" style="min-width: 100%" disabled>PRO</textarea>
</div>
<div class="col-xs-12 col-md-6">
<h1>Description:</h1>
</div>
<div class="col-xs-12 col-md-6">
<textarea class="form-control preventEdit" rows="5" style="min-width: 100%" disabled>DES</textarea>
</div>
</div>
所以在這個時候我有一些看起來像這樣的超小型和小型設備:
| TEXT1 |
| BOX1 |
| TEXT2 |
| BOX2 |
但我需要做的佈局看起來像這樣在中,大
| TEXT1 || TEXT2 |
| BOX1 || BOX2 |
試着用推拉來完成它,但結果並不像我想要的那樣。盒子就飛走了。
代碼我想:
<div class="row">
<div class="col-xs-12 col-md-6">
<h1>Projects:</h1>
</div>
<div class="col-xs-12 col-md-6 col-md-push-6 ">
<textarea class="form-control preventEdit" rows="5" style="min-width: 100%" disabled>PRO</textarea>
</div>
<div class="col-xs-12 col-md-6 col-md-pull-6">
<h1>Description:</h1>
</div>
<div class="col-xs-12 col-md-6">
<textarea class="form-control preventEdit" rows="5" style="min-width: 100%" disabled>DES</textarea>
</div>
</div>
任何想法如何得到結果我需要什麼?
謝謝你提前幫忙。
謝謝!這樣一個簡單的解決方案:)不知道我爲什麼要嘗試一些複雜的:D –