Форматирование абзаца бутстрапа для разных устройств

Question

Привет, я довольно новичок в бутстрапе, и то, что я пытаюсь достичь, - это иметь jumbotron поверх моей страницы с различным форматированием абзаца для размещения фонового изображения, которое позволяет говорить о 30 % от полной ширины.

Я поместил свой текст на 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; 
    } 
}