부트 스트랩 WordPress에 이미지가 제대로 표시되지 않음

부트 스트랩 테마를 WordPress 테마로 변환하려고하는데 WordPress에서 이미지를 표시하지 않습니다. Bootstrap의 왼쪽 테마와 WordPress의 오른쪽 스크린 샷을 보여주었습니다.부트 스트랩 WordPress에 이미지가 제대로 표시되지 않음

Bootstrap to WordPress

는 그리고 이것은 내가 나는 모든 노력을하고 아무것도 작동 잘못하고 있어요 모르는 워드 프레스의 이미지 컨테이너 내 코드입니다.

<div class="container-fluid"> 
    <div class="row" data-fluid=".fluidHeigt" data-float="true"> 
    <div class="col-sm-5 imageCol"> 
     <div class="image fluidHeigt" style="background-image:url(<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg)"> 
     <img src="<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg" alt="" class="img-responsive visible-xs" /> 
      </div> 
      </div>

나는 class="img-responsive.visible-xs"에 class="img-responsive visible-xs"을 변경하려 시도하고 난 받기 :

second image

스타일은 내가의 원인으로 스타일 코드를 제외이 모두 부트 스트랩 및 워드 프레스에 대해 동일 문제는 또한 부트 스트랩 테마가 자동으로 태그 스타일 min-height:799px; 다음에이 코드를 생성한다는 것을 알았습니다. 그 사이에 WordPress 테마는 생성하지 않습니다.

이 문제를 해결하기 위해 추가 정보가 필요하면 누군가 제발 도와주세요. 감사합니다.

출처

2016-07-15 Ivor92

.visible-xs는 초소형 기기에서만 이미지를 볼 수있게합니다. 이것을 넣어보십시오 :

<img src="<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg" alt="" class="img-responsive" />

출처

2016-07-15 17:47:06 stweb

나는 이것을 시도했지만 정확하게 길이를 조정했지만 너비가 작아야합니다. , 그것은 799px이어야하고 577px를 얻는다, 나는 bootstrap 주제 같이 자동으로 799px를 생성하는 wordpress가 필요하다 – Ivor92

아마 높이를 생성하고있는 JS에 뭔가가 있는가? 그렇다면 재구성해야 할 수도 있습니다. Wordpress에는 몇 가지 추가 된 js 파일이 있으므로 JS가 올바른 순서로로드되지 않으면 특정 사항이 작동/실행되지 않습니다. –

올바른 순서가 무엇인지 말해 주실 수 있습니까? – Ivor92

Wordpress 테마가 jQuery를로드하는지 확인합니다. 만약 당신이 그것을 볼 수 없다면, 당신은 이것을 넣기 위해 functions.php 파일에 넣을 수 있습니다 :

출처

2016-07-15 18:11:29

그것은 작동하지 않았다. 이것은 나의 functions.php 함수 function 내에서 jquery를 호출하는 방법이다. wp_enqueue_script ('bootstrapmin_js', get_template_directory_uri(). 'js/bootstrap.min.js', array ('jquery'), '', 사실); wp_enqueue_script ('bootstrap_js', get_template_directory_uri(). 'js/bootstrap.js', array ('jquery'), '', true); wp_enqueue_script ('main_js', get_template_directory_uri(). 'js/main.js', 배열 ('jquery'), '', true); } add_action ('wp_enqueue_scripts', 'b2w_theme_js'); – Ivor92

js 파일을 추가하는 것은 맞지만 jquery를 호출하기 전에 jquery를 호출해야 해당 파일이 작동합니다. 필자가 제공 한 스 니펫은 최신 버전을 가져 오거나 https://jquery.com/download에서 다운로드하여 추가 할 수 있습니다. (추신 :이게 문제가되지는 않겠지 만, 그게 내 시나리오에서 확인해 볼 첫 번째 것입니다. 제 js가 작동하는지 여부입니다.) –

부트 스트랩 WordPress에 이미지가 제대로 표시되지 않음

답변

관련 문제