2017-10-27 6 views
1

큰 장치에서 완벽하게 작동하는 내 웹 사이트에 부트 스트랩 캐 러셀 (full screne intro)을 만들었지 만 모바일 장치에서는 회전식 이미지의 왼쪽 3 분의 1 만 표시하지만 이미지의 중심으로 삼기를 바랍니다. 좋은 솔루션은 큰 장치, 태블릿 및 모바일에 이미지의 다른 버전으로 3 가지 설정을 만들어 원하는 포커스가 있는지 확인하는 것입니다. 그것은 모든 다른 회전식 컨베이어 설정을 감추는 것을 통해 작동해야합니다. 예를 들어 모바일 용 (작은 장치 인 경우). 그것의 PC에 큰 장치를위한 것 이외에 모두를 숨기면, ... 등등.3 가지 설정으로 태블릿, 모바일 및 더 넓은 기기를위한 부트 스트랩 캐 러셀을 변경하는 방법은 무엇입니까?

휴대 기기의 회전식 슬라이드에 이미지를 추가하고 싶지 않지만 회전식 슬라이더 이미지를 변경하고 싶습니다 (단, 휴대 기기를 사용할 때만 가능).

@media (max-width:800px) { 
    #carousel { 
     display:none !important; 
    } 
} 

나를 위해 작동하지 않습니다 : 나는 작은/모바일 장치에서 큰 이미지와 회전 목마를 숨기려면 예를 들어 다음과 같이 시도 있도록

큰 장치의 회전 목마는 ID가 "회전 목마"와 사업부에 그래도. 어쩌면 누군가 나를 도울 수 있습니다! 고마워, 고마워! : 3

+0

[부트 스트랩 캐 러셀 슬라이더를 만드는 방법은 왼쪽/오른쪽 스 와이프를 사용하는 방법] (https://stackoverflow.com/questions/21349984/how-to-make-bootstrap-carousel-slider-use-mobile-left - 오른쪽 - 스 와이프) – WMomesso

+0

휴대 기기의 회전식 슬라이드에 이미지를 추가하고 싶지는 않지만 회전식 슬라이더 이미지를 변경하고 싶습니다 (단, 휴대 기기를 사용할 때만 가능). – Upendo

답변

1

부트 스트랩을 사용하면 화면 크기에 따라 숨길 수 있습니다. On this page의 경우 Responsive Utilities 섹션을 참조하십시오. ".hidden-xs"또는 ".hidden-lg"와 같은 것을 볼 수 있습니다. 모바일 용, 태블릿 용, 데스크톱 용으로 여러 개의 회전식 슬라이드를 만들어야합니다. 그러나 그것이 당신이 찾고있는 것일 수 있습니다.

+1

정말 고맙습니다. 지금 모든 기기에서 전체 화면 소개를 할 수 있습니다! 어떻게 내가이 문제를 해결하지 않았는지 모르겠다. : ---) – Upendo

관련 문제