부트스트랩 폰트 제어하는 방법.. 채택완료

반응형웹 부트스트랩 폰트 제어하는 방법

웹에서 글과 사진, 글과 사진 이렇게 배치하려고 코딩했는데

모바일에서도 아래 소스가 그대로 먹어서 세로로 한줄로 보인다는..ㅜㅜ

@media 사용하는 방법을 찾다가 못 찾아서 질문을 남겨 봅니다. 

웹에서 제어하는 코딩내용과 달리 모바일에서 다르게 표현하려면 @media 를 어떻게 사용해야 하는지

알려주심 고맙겠습니다! 

  .font1 {

width:80%; 

padding:60px 140px 40px 140px;

font-size:1.25em; 

text-align:center; 

line-height:160%;

  }

}

@media (max-width: 768px) {

  .font1 {

width:80%; 

padding:6px 2px 6px 2px;

font-size:1em; 

text-align:center; 

line-height:160%;

  }

}

<div class="font1">

<h2>애국가</h2><br>

동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세

</div>