웹 페이지에 넣은 이미지나 텍스트가
pc뿐만 아니라 휴대폰, 테블릿등 모든 기기에서 반응형으로 가운데 정렬 시키는 것이 안되서 질문 드립니다.

부트스트랩 공식 문서에 나와있는대로

<div class="mx-auto" style="width: 200px;">
     <img src="image1.png" style="display: block; margin:0 auto;">
</div>

이렇게 해도 안되고

<img src="image1.png" class="img-responsive" style="display: block; margin:0 auto;">
이렇게 해도 안되고

인터넷에 나와있는 여러가지 가운데 정렬 방법을 다 써봐도 안되네요.

pc에서는 가운데가 되는데 모바일에서는 거의 왼쪽 정렬 위치로 되있습니다.

해결 가능한 답변 주시면 정말 감사드립니다!