自舉推輓最大限制

我有3塊數據。第一個網格大小爲10，第二個大小爲10，第三個大小爲2.我可以拉第三個網格20次，使其成爲第一個網格？自舉推輓最大限制

起初它就像

的話，我想要的結果類似

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 

<style> 
.a{ 
background:blue; 
} 
.b{ 
background:red; 
} 
.c{ 
background:green; 
} 
</style> 
</head> 
<body> 
<div class="row"> 
<div class="c col-xs-12 col-sm-10">Graph</div> 
<div class="b col-xs-12 col-sm-10">Meters</div> 
<div class="a col-xs-12 col-sm-2">Buttons</div> 


</div> 
<!-- jQuery library --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</body> 
</html>

我希望把按鈕放在屏幕尺寸比XS

更大的圖形之前

來源

2015-09-29 suhail c

也許如果共享詳情：代碼，圖像等 – ppaulojr

@ppaulojr我編輯的問題 –

號推拉通過調整水平移動元件的'左「或」右「屬性。它們不能用於改變元素換行的順序 – Turnip

您需要使用兩組不同的按鈕。一個將放置在圖表之前，並且只有在大於xs屏幕時纔可見，另一個將放置在圖形之後，並且只能在xs屏幕中顯示。

實施例：

<div class="row"> 
    <div class="a col-xs-12 col-sm-2 hidden-xs">Buttons</div> 
    <div class="c col-xs-12 col-sm-10">Graph</div> 
    <div class="col-xs-12 col-sm-2 hidden-xs"></div> 
    <div class="b col-xs-12 col-sm-10">Meters</div> 
    <div class="a col-xs-12 col-sm-2 visible-xs">Buttons</div> 
</div>

Working fiddle

來源

2015-09-29 12:35:18

漂亮的工作 –

自舉推輓最大限制

回答

相關問題