bootstrap 연습 1 (20150910)

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bootstrap Example</title>
<!-- http://getbootstrap.com/ -->
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
</head>
<body>
    <div class="container">

  <div class="jumbotron">
    <h1>My First Bootstrap Page</h1>
    <p>페이지 사이즈를 줄이면 반응형웹의 모습을 볼 수 있습니다.</p>
                <p>
                    <a class="btn btn-primary btn-lg" href="#" role="button">
                        <span class="glyphicon glyphicon-star"></span>
                        더보기...
                    </a>
                    <a class="btn btn-warning btn-lg" href="#" role="button"><span class="glyphicon glyphicon-scissors">경고하기</a>
                </p>
  </div>
        <nav>
            <ul class="nav nav-pills">
                    <li role="presentation" class="active"><a href="#">Home</a></li>
                    <li role="presentation"><a href="#">Profile</a></li>
                    <li role="presentation"><a href="#">Messages</a></li>
            </ul>
        </nav>
        <div class="row">

            <div class="col-sm-4">
                 <h3>첫 번째 칼럼</h3>
                    <p>동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세</p>
            </div>
            <div class="col-sm-4">
                 <h3>두 번째 칼럼</h3>
                    <p>남산 위에 저 소나무 높고 구름 없이 밝은 달은 우리 가슴 일편 단심일세</p>
            </div>
            <div class="col-sm-4">
                 <h3>세 번째 칼럼</h3>
                    <p>이 기상과 이맘으로 충성을 다 하여 괴로우나 즐거우나 나라 사랑하세</p>
            </div>

        </div>

        <table class="table table-bordered table-hover">
            <tr>
                <td>표만들기 1</td>
                <td>표만들기 2</td>
                <td>표만들기 3</td>
                <td>표만들기 4</td>
            </tr>
            <tr>
                <td>표만들기 1</td>
                <td>표만들기 2</td>
                <td>표만들기 3</td>
                <td>표만들기 4</td>
            </tr>
            <tr>
                <td>표만들기 1</td>
                <td>표만들기 2</td>
                <td>표만들기 3</td>
                <td>표만들기 4</td>
            </tr>
            <tr>
                <td>표만들기 1</td>
                <td>표만들기 2</td>
                <td>표만들기 3</td>
                <td>표만들기 4</td>
            </tr>
        </table>

    </div>
</body>
</html>