我試圖重新對齊引導程序中的列,但目前爲止失敗。這是它在桌面視圖中顯示的很好的desktop view。以下是它在縮小尺寸tablet view時的樣子。我希望所有者網關列與已登錄列交換位置。引導程序中的列重新對齊3
HTML:
<div class="col-xs-4 col-sm-4 col-lg-3" id="logo">
<img src="http://f.cl.ly/items/2B2c3t3d0N0r1F0F1m05/logo-white.png" class="img-responsive">
</div>
<div class="col-xs-8 col-sm-4 col-lg-6" id="main-title">
<h1 class="title">Owner Gateway</h1>
</div>
<div class="col-xs-4 col-sm-4 col-lg-3 " id="logged-in">
<p class="logged">Logged in as Mr Jones</p>
<p class="log">Log out</p>
</div>
</div>
在此先感謝。
在http://getbootstrap.com/css/#grid – Faron