我有一個容器流體與col-lg-2
左側的菜單選項和col-lg-10
的內容部分。集裝箱不適用於較大的屏幕contatiner流體
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid>
<div class="row">
<div class="col-lg-2">
<ul>
<li>one</li>
<li>two</li>
</ul>
</div>
<div class="col-lg-10>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
這工作適合中小屏幕,但大屏幕即最小寬度不起作用:1200像素。在中小屏幕上,col-lg-2
和col-lg-10
是上下兩行。但對於更大的屏幕,這是兩列,寬度超出屏幕。
任何幫助表示讚賞。謝謝
你可以爲這些元素添加CSS嗎?聽起來像他們可能有一個最大寬度與浮動:左。 – Gezzasa
它的所有操作引導程序的CSS @Gezzasa –
你應該能夠編輯CSS。您提供的信息(除非我不完全瞭解您所問的內容)太少,無法提供幫助。 – Gezzasa