답변 아닌 답변을 달겠습니다.
우선 질문자의 질문의 정확한 질문의 요지가 안보여서 사용 방법을 생각해보면
1. 소스보기. (마우스 우클릭)
소스 보기를 통해서 소스를 그대로 따라 부쳐보세요. 그러면 어느 정도 소스를 이해할 수 있습니다.
<body>
<!-- 탐색막대
================================================== -->
<div class="navbar-wrapper">
<!-- 절대 위치를 지정한 상위 요소 안에서 중앙 정렬하도록 .navbar를 .container로 두른다. -->
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- 유동형 탐색막대 1 단계: 반응형 탐색막대를 여는 버튼 (문서에서 다루지 않음). 반응형 CSS가 필요하다. -->
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#">프로젝트명</a>
<!-- 유동형 탐색막대 2 단계: .navbar-collapse.collapse 안에 숨기고 싶은 모든 탐색막대 내용을 넣는다. -->
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">대문</a></li>
<li><a href="#about">소개</a></li>
<li><a href="#contact">연락처</a></li>
<!-- 부트스트랩 드롭다운은 http://twitter.github.com/bootstrap/javascript.html#dropdowns 을 참고 -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">드롭다운 <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">행동</a></li>
<li><a href="#">다른 행동</a></li>
<li><a href="#">여기에는 또 다른</a></li>
<li class="divider"></li>
<li class="nav-header">탐색 제목</li>
<li><a href="#">따로 떨어진 링크</a></li>
<li><a href="#">따로 떨어진 링크 하나 더</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
</div> <!-- /.container -->
</div><!-- /.navbar-wrapper -->
<!-- 회전광고판
================================================== -->
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="../assets/img/examples/slide-01.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>예제 표제.</h1>
<p class="lead">인상파의 개척자이며 지도자로, 파리에서 출생하여 소년 시절을 르아브르에서 보냈다. 그곳에서 터너 등의 작품에 영향을 받아 더욱 밝은 색조에 대한 연구를 하게 되었다.</p>
<a class="btn btn-large btn-primary" href="#">가입하세요</a>
</div>
</div>
</div>
<div class="item">
<img src="../assets/img/examples/slide-02.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>다른 예제 표제.</h1>
<p class="lead">인상파의 개척자이며 지도자로, 파리에서 출생하여 소년 시절을 르아브르에서 보냈다. 그곳에서 터너 등의 작품에 영향을 받아 더욱 밝은 색조에 대한 연구를 하게 되었다.</p>
<a class="btn btn-large btn-primary" href="#">더 알아보기</a>
</div>
</div>
</div>
<div class="item">
<img src="../assets/img/examples/slide-03.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>추가로 하나 더.</h1>
<p class="lead">인상파의 개척자이며 지도자로, 파리에서 출생하여 소년 시절을 르아브르에서 보냈다. 그곳에서 터너 등의 작품에 영향을 받아 더욱 밝은 색조에 대한 연구를 하게 되었다.</p>
<a class="btn btn-large btn-primary" href="#">갤러리 둘러보기</a>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="en-font-family">‹</span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="en-font-family">›</span></a>
</div><!-- /.carousel -->
<!-- 마케팅 문구와 특집
================================================== -->
<!-- 모든 내용을 중앙 정렬하기위해 나머지 페이지를 다른 container로 두른다. -->
<div class="container marketing">
<!-- 회전광고판 아래에 있는 세개 열 -->
<div class="row">
<div class="span4">
<img class="img-circle" data-src="holder.js/140x140">
<h2>제목</h2>
<p>유명한 사원에는 난파야, 슈에다곤, 아난다 사원 등 11세기에 건립된 것과 13세기의 밍가라제디 사원 등이 있다. 아난다사는 인도의 불탑형식을 뒤섞어 버마풍으로 재구성한 구조형식으로 알려져 있다. 근세에 재건한 랑군에 있는 슈에다곤사에는 약 110m의 탑이 있다.</p>
<p><a class="btn" href="#">자세히 보기 <span class="en-font-family">»</span></a></p>
</div><!-- /.span4 -->
<div class="span4">
<img class="img-circle" data-src="holder.js/140x140">
<h2>제목</h2>
<p>특히 12세기 초 수리아바 르만 2세가 앙코르 와트를 건립함에 이르러 크메르 건축은 발달의 정점에 달하였다. 13세기 건립의 바이욘은 불교사원 건축으로 앙코르 와트와 유사한 구조를 갖고 있으나 고탑일면에 기괴할 정도로 큰 미소를 머금은 인면을 표현한 의장 등은 그 기발한 면에서 일경을 금할 수 없다.</p>
<p><a class="btn" href="#">자세히 보기 <span class="en-font-family">»</span></a></p>
</div><!-- /.span4 -->
<div class="span4">
<img class="img-circle" data-src="holder.js/140x140">
<h2>제목</h2>
<p>바이온사원, 파괴된 왕궁, 그곳에 있는 천상의 궁전 파미아나카스사원이 있고, 개선한 군단이 지나가는 승리의 문(성문의 하나)이 있다. 이 밖에 불교사원 프리아파리라이, 절, 테프프라남, 10세기 말에서 12세기 초에 걸쳐서 건립된 사원과 사당 등이 있다.</p>
<p><a class="btn" href="#">자세히 보기 <span class="en-font-family">»</span></a></p>
</div><!-- /.span4 -->
</div><!-- /.row -->
<!-- 특집 시작 -->
<hr class="featurette-divider">
<div class="featurette">
<img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-chrome.png">
<h2 class="featurette-heading">첫번째 특집 제목. <span class="muted">완전히 빠져들 것이다.</span></h2>
<p class="lead">프레스코의 마무리에 사용되는 일도 허다하다. 가장 성하게 된 것은 중세 말기에서 이탈리아 르네상스 초기에 걸쳐서이고 치마부에 조토를 비롯하여 기를란다요, 보티첼리 등이 템페라화를 남기고 있다. 15세기 이후는 유화에 눌려 스러졌다.</p>
</div>
<hr class="featurette-divider">
<div class="featurette">
<img class="featurette-image pull-left" src="../assets/img/examples/browser-icon-firefox.png">
<h2 class="featurette-heading">정말 좋다. <span class="muted">직접 사용해 보라.</span></h2>
<p class="lead">프레스코의 마무리에 사용되는 일도 허다하다. 가장 성하게 된 것은 중세 말기에서 이탈리아 르네상스 초기에 걸쳐서이고 치마부에 조토를 비롯하여 기를란다요, 보티첼리 등이 템페라화를 남기고 있다. 15세기 이후는 유화에 눌려 스러졌다.</p>
</div>
<hr class="featurette-divider">
<div class="featurette">
<img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-safari.png">
<h2 class="featurette-heading">그리고 마지막이다. <span class="muted">이상 끝.</span></h2>
<p class="lead">프레스코의 마무리에 사용되는 일도 허다하다. 가장 성하게 된 것은 중세 말기에서 이탈리아 르네상스 초기에 걸쳐서이고 치마부에 조토를 비롯하여 기를란다요, 보티첼리 등이 템페라화를 남기고 있다. 15세기 이후는 유화에 눌려 스러졌다.</p>
</div>
<hr class="featurette-divider">
<!-- 특집 /끝 -->
<!-- 꼬리말 -->
<footer>
<p class="pull-right"><a href="#">제일 위로</a></p>
<p>© 2013 회사. · <a href="#">개인정보취급방침</a> · <a href="#">이용약관</a></p>
</footer>
</div><!-- /.container -->
<!-- 자바스크립트
================================================== -->
<!-- 페이지를 빨리 읽어들이도록 문서 마지막에 배치 -->
<script src="../assets/js/jquery.js"></script>
<script src="../assets/js/bootstrap-transition.js"></script>
<script src="../assets/js/bootstrap-alert.js"></script>
<script src="../assets/js/bootstrap-modal.js"></script>
<script src="../assets/js/bootstrap-dropdown.js"></script>
<script src="../assets/js/bootstrap-scrollspy.js"></script>
<script src="../assets/js/bootstrap-tab.js"></script>
<script src="../assets/js/bootstrap-tooltip.js"></script>
<script src="../assets/js/bootstrap-popover.js"></script>
<script src="../assets/js/bootstrap-button.js"></script>
<script src="../assets/js/bootstrap-collapse.js"></script>
<script src="../assets/js/bootstrap-carousel.js"></script>
<script src="../assets/js/bootstrap-typeahead.js"></script>
<script>
!function ($) {
$(function(){
// carousel demo
$('#myCarousel').carousel()
})
}(window.jQuery)
</script>
<script src="../assets/js/holder/holder.js"></script>
2. 디버깅모드(f12)
화면을 만드실 때 항상 필요하신게 디버깅입니다. (익스플로러 기준)
여기서 보시면 스타일쪽에는 bootstrap-ko.css라는게 쓰였습니다. 글쓰신분이 쓰신곳도 디버깅 해보시고
적용이 잘되었나 확인해보시는 습관을 들이세요. 어떨때는 다른 곳에서 적용되기도 합니다.
습관을 잘들이셔야 나중에 개발이 편해집니다.
