Bootstrap網格系統無法在桌面上工作

我正在嘗試爲我的WordPress插件創建一個設置，我希望我的圖像能夠顯示在右邊的表格旁邊，但它總是會到底部，您可以幫我嗎解決這個問題？Bootstrap網格系統無法在桌面上工作

<form action="options.php" method="post">'); 
<div class="row"> 
    <div class="col-md-8"> 
    <table class="form-table"> 
     <tbody> 
      <tr> 
      <th scope="row"><label for="">test</label></th> 
      <td> 
       <input name="x'.$key.'" value="'.$option['x'.$key].'" width="50px"> 
       <button type="button" onclick="position('.$key.')" class="button button-primary">Create/Edit</button> 
       <p class="description" id="">some discription</p> 
      </td> 
      </tr> 
      <tr> 
      <th scope="row"><label for="">test</label></th> 
      <td> 
       <input name="myinput" value="'.$option['x'.$key].'" width="50px"> 
       <button type="button" onclick="position('.$key.')" class="button button-primary">Create/Edit</button> 
       <p class="description" id="">some discription</p> 
      </td> 
      </tr> 
      .... 
     </tbody> 

    </table> 
    </div> 

    <div class="col-md-4"> 
    <div id="special"> 
     <canvas id="the-canvas" style="border:1px solid black"></canvas> 
    </div> 
    </div> 
</div> 

// outputs the WP submit button html 
//@submit_button();

來源

2017-05-14 Berzerkfar

你能提供一個JSFiddle顯示問題？您確定您正在中等或更高的顯示器上觀看嗎？ – rybo111

我們需要查看codepen或類似的完整代碼。但是，看到實際的頁面將是最有用的。 –

添加div元素與表格元素（<form action="options.php" method="post">）

等之後的「容器」或「容器流體」類：<form action="options.php" method="post"><div class="container"> ............... </div></form>

像： <form action="options.php" method="post"><div class="container-fluid"> ............... </div></form>

來源

2017-05-15 08:31:06

Bootstrap網格系統無法在桌面上工作

回答

相關問題