Bootstrap创建两个具有两个嵌套列的列

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = /bootstrap/css/bootstrap.min.css rel = stylesheet>
      <script src=/scripts/jquery.min.js></script>
      <script src=/bootstrap/js/bootstrap.min.js></script>
   </head>
   <body>
      <h2>nested Columns</h2>
      <div class = row>
         <div class=col-sm-9 style=background-color:orange;>
            Column1
            <div class=row>
               <div class=col-sm-6 style=background-color:orange; color:white;>nested column</div>
               <div class=col-sm-6 style=background-color:orange; color:white;>nested column</div>
            </div>
         </div>
         <div class=col-sm-3 style=background-color:red;>Column2</div>
      </div>
   </body>
</html>

Bootstrap创建两个具有两个嵌套列的列

相关文章