Bootstrap Grid-System funktioniert nicht auf Tabellen

Question

Ich versuche, eine Einstellungen für mein WordPress-Plugin zu bauen, ich möchte mein Bild neben der Tabelle auf der rechten Seite angezeigt werden, aber es geht immer nach unten können Sie mir helfen um das zu beheben?

<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

ein div Element hinzufügen mit "Behälter" oder "Behälter-fluid" Klasse nach Formelement (<form action="options.php" method="post">)

wie: <form action="options.php" method="post"><div class="container"> ............... </div></form>

OR

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