부트스트랩 코드와 테이블

코드를 표시할 때

부트스트랩에서 간단한 코드를 표시 할 때는 code 태그를 사용합니다.

code 태그는 인라인 방식으로 사용할 때 다음과 같이 사용합니다. <table> ... </table>

행이 길 경우에는 pre 태그를 사용합니다.

 
    <table> 
        <tr> 
          <td> 
          </td> 
        </tr> 
    </table>

<!doctype html>
<html lang="ko-kr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>부트스트랩의 기본 글꼴  </title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="custom2.css" rel="stylesheet">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
<body>
  <div class="container">    
  <h4 class="text-primary">1.제목은 h1부터 h6까지 사용하여 처리합니다. </h4>   
   <h1>Bootstrap 부트스트랩 h1 <small>h1 small</small></h1>  
   <h2>Bootstrap 부트스트랩 h2 <small>h2 small</small></h2>
   <h3>Bootstrap 부트스트랩 h4 <small>h4 small</small></h3>
   <h4>Bootstrap 부트스트랩 h4 <small>h4 small</small></h4>
   <h5>Bootstrap 부트스트랩 h5 <small>h5 small</small></h5>
   <h6>Bootstrap 부트스트랩 h6 <small>h6 small</small></h6>