다른 장치 용 부트 스트랩 단락

Question

안녕하세요 저는 부트 스트랩에 대해 새롭기 때문에 저의 목표를 달성하기 위해 노력하고있는 것은 배경 이미지를 수용하기 위해 다른 단락 서식으로 페이지 상단에 점보트론을 설치하는 것입니다. 전체 폭의 %

나는 내 텍스트를 padding-left: 300px;으로 오프셋하고 데스크톱에서는 잘 보이지만이 규칙은 모바일 장치 모드의 단락에도 적용되므로 매우 마른 체형입니다.

내가 설정할 수있는 방법이 있으며 특정 화면 크기 아래에 각각 3 개의 다른 단락을 표시 할 수 있습니까?

Answer 1

그냥 미디어 쿼리를 사용

@media screen and (max-width: 320px) 
{ 
    p{ 
     padding-left: 0; 
    } 
} 

@media screen and (min-width: 321px) and (max-width:800px) 
{ 
    p{ 
     padding-left: 100px; 
    } 
} 

@media screen and (min-width: 801px) 
{ 
    p{ 
     padding-left: 300px; 
    } 
}