부트 스트랩과 워드 프레스와의 혼란

이 모든 일을 여러 번했지만, 지금은 몇 가지 이유로 행동하고 있습니다. 누군가가 실수를 지적한 후에 나는 아마도 매우 바보 같이 느낄 것이다. 라이브 링크 : http://soloveich.com/project6 부트 스트랩과 워드 프레스와의 혼란

내가

1) 배경 클래스 헤더 및 #soc에 대한 이미지가 이 표시되지 않는 헤더를 구축을 위해 노력하지만, 동시에 꽤 몇 가지 문제납니다) 큰 텍스트가있는 이미지가 가운데에 맞춰지지 않습니다. 3) 머리글의 오른쪽에 게시물이 있지만 그 아래에 있어야합니다. CSS를 제대로 (시도 변경 신체의 배경 색상) 헤더 코드

<div class="header"> 
    <header> 
     <div class="row-fluid"> 
     <div class="col-lg-3"><div class="pull-right"><a href="<?php echo get_settings('home'); ?>"><img src="wp-content/themes/greendream/images/logo.png"></a> </div></div> 
     <div class="col-lg-6"><div id="text"><img src="wp-content/themes/greendream/images/text.png"></div></div> 
     <div class="col-lg-3"><div id="soc"></div></div> 
     </div> 

    </header> 
</div>

CSS를 당신은 어떻게 grid system in Bootstrap 3 works을 연구함으로써 시작해야

.header { 
background-image: url(images/hdbg.jpg); 
} 

#text { 
width: 578px; 
margin:o auto; 
} 

#soc { 
background-image: url(images/soc.png); 
}

출처

2013-12-12 sharls

에게 연결되어 있습니다.

기본적으로 컨텐츠를 중앙에 배치하려면 컨테이너에 배치해야합니다. 그런 다음 행과 열을 설정합니다. 이 같은

뭔가 :

<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-3"> 
       <a href="<?php echo get_settings('home'); ?>"><img src="wp-content/themes/greendream/images/logo.png"></a> 
      </div> 
      <div class="col-md-6"> 
       <img src="wp-content/themes/greendream/images/text.png"> 
      </div> 
     </div> 
    </div> 
</body>

참고 : 부트 스트랩 3 만 2

부트 스트랩에서 작동 뭘 하려는지 많은에는 row-fluid 없다

출처

2013-12-12 06:27:30 Leng

부트 스트랩과 워드 프레스와의 혼란

답변

관련 문제