0
Q
定位列引導程序
A
回答
1
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>EE</title>
<link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
<div class="col-md-3 col-sm-6 col-md-push-3">
<div class="alert alert-info" style="width:10px">2</div>
</div>
<div class="col-md-3 col-sm-6 col-md-push-6">
<div class="alert alert-info " style="width:10px">4</div>
</div>
<div class="col-md-3 col-sm-6 ">
<div class="alert alert-info " style=" width:10px">3</div>
</div>
<div class="col-md-3 col-sm-6 col-md-pull-8">
<div class="alert alert-info" style="width:10px">1</div>
</div>
</div>
</body>
</html>
0
你有沒有嘗試使用.col-md-push-*
和.col-md-pull-*
?示例:http://www.schmalz.io/2014/10/08/Column-Ordering-in-Bootstrap/
相關問題
- 1. 自定義引導程序和列大小引導程序
- 2. 固定的佔位符引導程序
- 3. Twitter引導程序絕對定位
- 4. 使用引導程序定位元素
- 5. Arduino引導程序序列
- 6. Wix引導程序:引導程序事件的序列
- 7. Twitter引導程序中導航欄的絕對定位3
- 8. 自定義程序包引導程序
- 9. 固定標題引導程序的定位
- 10. 行和列引導程序,獨立列
- 11. 從引導程序捕獲序列號
- 12. 引導程序自定義佈局右列包裝在左列
- 13. 將圖像定位到引導程序縮略圖的底部
- 14. 使用引導程序在javascript DOM上定位
- 15. 使用引導程序進行圖像定位
- 16. 使用引導程序在軌道上定位圖像
- 17. 使用引導程序在頁眉中定位徽標
- 18. 崩潰時,引導程序下拉菜單無法定位
- 19. 更改特定元素的引導程序彈出式位置
- 20. 使用引導程序在css和html中定位
- 21. 通過引導程序中的輸入組垂直定位textarea
- 22. 引導列順序
- 23. 將引導程序3.x列表組轉換爲引導程序4
- 24. 如何定位引導3
- 25. CSS引導下拉定位
- 26. 使用媒體查詢引導中心列引導程序
- 27. 在引導程序3中堆積列
- 28. 用引導程序滑動列
- 29. 帶Twitter引導程序的1/3列
- 30. 在引導程序中安排列