Question

我正在尝试为我的WordPress插件构建一个设置，我希望我的图像显示在右边的表格旁边，但是它总是可以帮助我解决这个问题吗？

<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();

Answer 1

在表单元素（<form action="options.php" method="post">）之后添加带有“container”或“container-fluid”类的div元素

喜欢：<form action="options.php" method="post"><div class="container"> ............... </div></form>

OR

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

Bootstrap网格系统不适用于表

1 个答案: