1
我使用自舉4和I需要設置4個圖標按鈕等2×2形式:自舉4顯示按鈕
所以:
按鈕1個按鈕2
按鈕3按鈕4
但是我有是:
按鈕1
按鈕2
按鈕3
按鈕4
我的HTML代碼是:
<div class="row">
<div class="col-md-3">
</div>
<div class="col-sm-6" align="center">
<div class="card">
<img class="card-img-top" src="../images/2013.png" alt="Card image cap">
<div class="card-block">
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-block">
<p class="card-text"></p>
<a href="patient.php" style="width: 200px;" class="btn btn-primary"><i class="fa fa-group fa-fw" aria-hidden="true"></i> New Client</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-block">
<p class="card-text"></p>
<a href="#" style="width: 200px;" class="btn btn-primary"><i class="fa fa-book fa-fw" aria-hidden="true"></i> New Sale</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-block">
<p class="card-text"></p>
<a href="#" style="width: 200px;" class="btn btn-primary"><i class="fa fa-plus fa-fw" aria-hidden="true"></i> Store</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-block">
<p class="card-text"></p>
<a href="#" style="width: 200px;" class="btn btn-primary"><i class="fa fa-database fa-fw" aria-hidden="true"></i> Report</a>
</div>
</div>
</div>
</div>
</div>
</div>
我應該在我的代碼改變什麼,從而會採取2x2形式。
如何調整它們的中心? – droidnation
@droidnation:只是更新了代碼。請看看,並讓我知道 –
關於拉 - *我相信在版本4中替換爲float- * – blackhawk