首先在線多個div，並根據屏幕的大小強制下一對下一行？

Question

多個div s，每個都有一個標籤和一個下拉菜單。強制下拉/標籤對始終在同一行上，並根據屏幕大小強制下一對下一行的最簡單方法是什麼？

到目前爲止，我有：

<div style="display:inline-block; vertical-align:middle; width:100%;"> 
    <div style="float:left; width:40%; display:block;"> 
     <label for="zone"><b><%=zonestr%></b></label> 
     <select id="zone" name="zone" onchange="getDIV();start();"> 
      <option value=""><%=selectstr%><%=zonestr%></option> 
      <option value="1">value1</option> 
      <option value="2">value2</option> 
      <option value="3">value3</option> 
     </select> 
    </div> 
    <div style="float:left; width:60%;"> 
     <label for="district"> <b><%=resultstr%></b> </label> 
     <select id="district" name="district"> 
      <option value=""><%=selectstr%><%=resultstr%></option> 
      <option value=""></option> 
     </select> 
    </div> 
</div> 

Answer 1

您可以使用引導電網按codepen環節有： codepen.io/greatzspido/pen/YrvQry

如果你不想包含完整bootstrap，你可以使用極限重量輕的網格結構https://neat.bourbon.io/。