Fatal编程技术网
  • html/
  • Html Bootstrap不会将我的两个表放在两列中，并彼此相邻

Html Bootstrap不会将我的两个表放在两列中，并彼此相邻

html css bootstrap-4

Html Bootstrap不会将我的两个表放在两列中，并彼此相邻,html,css,bootstrap-4,Html,Css,Bootstrap 4,试着把两张桌子挨在一起。一个col-md-4和另一个col-md-8我希望4在左边，8在右边。左边的桌子是游戏信息和按钮，而右边的桌子是tic tac趾板。我的理解是，当使用bootstrap时，我只需要将列加起来总共12列 </head> <body class="bodyNormal"> <div class="container"> <div class="row"

试着把两张桌子挨在一起。一个
col-md-4
和另一个
col-md-8
我希望4在左边，8在右边。左边的桌子是游戏信息和按钮，而右边的桌子是tic tac趾板。我的理解是，当使用bootstrap时，我只需要将列加起来总共12列

 </head>
  <body class="bodyNormal">
    <div class="container">
      <div class="row">
        <div class="col-md-12" style="text-align: center">
          <h3 class="mainimg">Tic Tac Toe Game</h3>
        </div>
      </div>
      <div class="row bg-white">
        <div class="col-md-4">
        <table class="table">
          <tbody>
            <tr>
              <th>
                <button class="btn" id="newGame">You forgot one 
div
 close for 
col-md-4


</table></div> /*Close Here One div*/
        <div class="col-md-8">




井字游戏

您忘记了一个
div
关闭
col-md-4


/*在此处关闭一个div*/



问题是您忘记关闭col-md-4的div

更新代码



井字游戏

哇，非常感谢！我真傻！你说得对！非常感谢您浏览一下！