문의드립니다.- 채택완료

개발자도구로 해결하는 방법을 알려드릴께요..

ex) 크롬

1. 해당페이지를 띄웁니다.

2. F12키를 누룹니다.

개발자도구는 우측 혹은 새창으로 보일수도 있습니다.

개발자도구 우측상단에 점세개 아이콘 클릭하시면 위치를 조정하실 수 있습니다.

3. 개발자 도구의 좌측상단 화살표를 클릭합니다.

4. 마우스커서로 해당 위치에 놓으시면 해당 엘리먼트가 선택될꺼에요..

위의 경우는 carousel-caption 라는 클래스겠죠..

5. 개발자 도구 우측에 css 를 조정합니다.

.carousel-caption 에 보시면 padding-top: 20px; 을 확인하실 수 있습니다.

해당 padding-top: 100px; 으로 수정하면 해당 carousel-caption 라는 div 가 밑으로 이동하는 것을 확인하실 수 있습니다.

6. 해당 css 파일에서 수정합니다.

우측에 css파일명에 마우스를 올려놓으시면 해당 css 파일의 위치를 확인하실 수 있습니다.

5557은 해당 css파일의 줄수를 나타냅니다.

해당 줄수에 있는 padding-top:20px; 를 padding-top:100px; 으로 수정하시면 됩니다.

다른 css 수정도 이러한 방식으로 하시면 됩니다.

도움이 되셨길 바랍니다.