2014-02-10 7 views
0

전체를 가운데 놓는 방법을 찾는 데 어려움을 겪고 있습니다. 트위터 부트 스트랩 2를 사용하고 있습니다.트위터 부트 스트랩 정렬 센터.

여기에 제 코드가 있으며 올바른 장소에 .container가 있는지 확인했습니다. 그러나 여전히, 그들은 정렬되지 않습니다.

도와주세요! 부트 스트랩을 사용하여

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<title>Home- Argyle's Automobile</title> 
<link href="bootstrap.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<div class="container banner-header"> 
    <h1><a href="#">Argyle's Automobile</a></h1> 
</div> 

<!--Navbar--> 
<div class="navbar"> 
     <div class="container"> <ul class="nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">About</a></li> 
       <li><a href="#">Social</a></li> 
      </ul></div> 
</div> 

<!--Marketing Area--> 
<div class="container"><div class="hero-unit"> 

    <h1>Marketing stuff!</h1> 
    <br /> 
    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. <br />Fusce dapibus, tellus ac cursus commodo, tortor mauris<br /> condimentum nibh, ut fermentum massa justo sit amet risus.</p> 
    <br /> 
    <br /> 

    <a href="#" class="btn btn-large btn-success">Get Started</a> 
</div></div> 
</div> 

<!--Content--> 
<div id='content' class='container row-fluid'> 
    <div class="span4"> 
     <h3>Content 1</h3> 
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p> 
    </div> 
    <div class="span4"> 
     <h3>Content 1</h3> 
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p> 
    </div> 
    <div class="span4"> 
     <h3>Content 1</h3> 
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p> 
    </div> 
</div> 
</body> 
</html> 

enter image description here

+0

좋은 포맷 연습 - 항상 속성에 대한 HTML에서 큰 따옴표를 사용 –

답변

1

마크 업이 올바르지 않습니다. 마크 업 구성 방법에 대한 자습서는 Twitter Bootstrap 웹 사이트를 참조하십시오.

<div class="row-fluid"></div> 

항상 div.container<div class="container"></div>

http://getbootstrap.com/css/#grid-example-fluid

+0

그는 BS2를 사용하고. – Will