我正在使用 Bootstrap 3，并且已經為我的網頁設定了這個網格：
<div class="container">
<div class="header">
<div class="top-nav">
<div class="row">
<div class="col-1">
<img src="https://sitename.com/logo.jpg">
</div>
<div class="col-7 mid-nav">
<!-- Search box & Navbar comes here -->
</div>
<div class="col-1" style="margin-top:30px !important;">
<a href="#"><i class="fa fa-shopping-cart fa-4x sabad-kharid"></i></a>
</div>
<div class="col-3">
<form method="POST" action="">
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-group">
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
結果顯示在此螢屏截圖中。
如您所見，Bootstrap 表單沒有出現在col-3類中，而是出現在該行的下方。但是，它應該放在 div 的左側，類為col-3。
那么這里出了什么問題呢？我該如何解決這個問題？
uj5u.com熱心網友回復：
您應該col-xs-1 col-xs-7 col-xs-3在您的班級中使用（而不是col-7）或任何尺寸并顯示您想要的內容。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/395697.html