col-md-offset-2怎么使右側(cè)管理控制臺部分向左移動了,不應(yīng)該是向右嗎
<!--自適應(yīng)布局--> <div?class="container-fluid"> <div?class="row"> <!--左側(cè)導(dǎo)航欄--> <div?class="col-sm-3?col-md-2?sidebar"> <ul?class="nav?nav-sidebar"> <li?class="active"><a?href="#">首頁</a></li> </ul> <ul?class="nav?nav-sidebar"> <li><a?href="#">信息建立</a></li> <li><a?href="#">信息查詢</a></li> <li><a?href="#">信息管理</a></li> </ul> <ul?class="nav?nav-sidebar"> <li><a?href="#">設(shè)置</a></li> <li><a?href="#">幫助</a></li> </ul> </div> <!--右側(cè)管理控制臺--> <div?class="col-sm-9?col-sm-offset-3?col-md-10??col-md-offset-2?main"> <h1?class="page-header">管理控制臺</h1>
這兩塊地方在同一行里啊 我看到最下面row才閉合的
怎么把col-md-offset-2 刪掉右邊的還往右移了 加上了卻恢復(fù)到緊貼左邊的狀態(tài) 不太明白
把右側(cè)的col-md-10 改成 col-md-12卻占據(jù)了整行 不像是與左側(cè)在一行的樣子
orz不明白
2017-10-11
不知道在一個class中同時寫.col-sm-9和.col-md-10是啥意思,我的理解是Bootstrap的柵格是12列的,你出現(xiàn)的問題應(yīng)該是沒把右側(cè)管理控制臺代碼也放到row里去,以下是修正過的代碼,試過之后可以出現(xiàn)在同一行:
<div class="container-fluid">
??? <div class="row">
??? <!--左側(cè)導(dǎo)航欄-->
??????? <div class="col-md-2 sidebar">
??????????? <ul class="nav nav-sidebar">
??????????? <li class="active"><a href="#">首頁</a></li>
??????????? </ul>
??????????? <ul class="nav nav-sidebar">
??????????????? <li><a href="#">信息建立</a></li>
??????????????? <li><a href="#">信息查詢</a></li>
??????????????? <li><a href="#">信息管理</a></li>
??????????? </ul>
??????????? <ul class="nav nav-sidebar">
??????????? <li><a href="#">設(shè)置</a></li>
??????????? <li><a href="#">幫助</a></li>
??????????? </ul>
??????? </div>
??????? <!--右側(cè)管理控制臺-->
??????? <div class="col-md-9">
??????????? <h1 class="page-header">管理控制臺</h1>
??????? </div>
??? </div><!--.row的閉合標簽-->
</div><!--最外層.container-fluid的閉合標簽-->
希望能幫到你吧