2012-10-31 4 views
-1

내가 부트 스트랩 그리드를 사용하고이를 만들려고 노력하고 있어요 안녕하세요 :는 더 잘

을 : 나는 이런 식으로 뭔가를 얻으려고하는 사용하고 무엇

image http://gyazo.com/8bf865ea19bb09408e7dd214f1887d24.png

코드는, 그런데 부트 스트랩 컨테이너 안에 결과입니다

<div class="headers"> 

    <li class="span3"> 
    <div id="icon-1"></div> 
    <span class="head">Experienced</span> 
    <p class="paragraph">Brought to you by a well-knowledged developer and designer, that are ready to serve. We deliver one Hell of a product so strap yourself down to your chair and get ready.</p> 
    </li> 
    <li class="span3"> 
    <div id="icon-2"></div> 
    <span class="headweb">Web Development</span> 
    </li> 
    <li class="span3"> 
    <div id="icon-3"></div> 
    <span class="head">UI/UX Design</span> 
    </li> 
</div> 

:

,

image2 http://gyazo.com/351f69ce5b85c9b66a38de96c393750e.png

당신이 단락이 첫 번째 단락에서보다 훨씬 다른 모습 보는 바와 같이, 그 부트 스트랩 그리드 스팬 클래스 번호가 너무 짧기 때문에,하지만 난 스팬 (4)를 사용할 경우, 아이콘 것이다 하단 단지 엉망 .

단락을 첫 번째 이미지에서 보이는 것처럼 보이게하려면 어떻게해야합니까? 여기에 문제가 있습니까? 감사.

+0

나는 abot 부트 스트랩을 많이 알지 못하지만,이 경우에는 'text-align : center'를 사용합니다. –

+0

글쎄, 오른쪽으로 보지 않습니다. 오른쪽으로갑니다. – user1761494

답변

0

텍스트가 원본보다 커 보이지만 너무 간단합니다. .span3wide라는 새로운 클래스를 만들고 스타일 시트에서 크기를 늘리면 패딩/여백이 줄어 듭니다. 또한 여백 추가 : 0 자동; # icon-1을 (를) 중앙에 놓습니다.