Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Insert title here</title>
  7. <!-- Bootstrap 링크 -->
  8. <link rel="stylesheet" href="css/bootstrap.min.css"/>
  9. <style type="text/css">
  10.     .col-md-8, .col-md-4  {
  11.         border: 1px dashed red;
  12.     }
  13.    
  14.     .col-md-7, .col-md-6, .col-md-5 {
  15.         background-color: yellow;
  16.         border: 1px solid blue;
  17.         padding: 10px;
  18.     }
  19.    
  20.     .row {
  21.         margin-bottom: 4px;
  22.         margin-top: 4px;
  23.     }
  24. </style>
  25. </head>
  26. <body>
  27.     <!-- 열 안에 다른 행,열 넣기 예제 -->
  28.     <div class="container">
  29.         <div class="row">
  30.        
  31.             <div class="col-md-8">8
  32.                 <!-- 열 안에 추가된 새로운 행 -->
  33.                 <div class="row">
  34.                     <div class="col-md-5">5</div>
  35.                     <div class="col-md-7">7</div>
  36.                 </div>
  37.             </div>
  38.            
  39.             <div class="col-md-4">4
  40.                 <!-- 열 안에 추가된 새로운 행 -->
  41.                 <div class="row">
  42.                     <div class="col-md-6">6</div>
  43.                     <div class="col-md-6">6</div>
  44.                 </div>
  45.             </div>
  46.            
  47.         </div>
  48.     </div>
  49.    
  50. </body>
  51. </html>