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网格系统无法在桌面上工作

回答

相关问题