에티테마

아무나 답변 부탁 드리겠습니다...너무 허접한 질문이라서요.

페이지 정보

작성자 no_profile 김작가 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 2건 작성일 22-08-29 02:33

본문


테마명 : theme_wide_17

너무 초보적인 질문이라서, 운영자님이 아닌 다른분께서 답변해주시면 좋겠습니다.
소프트존 운영자님을 너무 괴롭히는 것 같고, 또 한 두번은 더 질문을 드려야 할 것 같아서
질문 올리는 것이 너무 송구스러운 관계로
어떤 분이든 답변해주시면 감사하겠습니다.

df9dfb397472d03c58ba74315ad3f1a1_1661707775_39.JPG







위의 이미지는 아래 코드로 작성 되었습니다.
다른 것 없이 상단 2개의 이미지와 관계된 코드를 그대로 복사해서 붙여넣기 했는데
왜 출력물은 이렇게 나오는 걸까요?

   ------------  사용한 코드 --------------


<div class="container">
<div class="center-heading margin-top-80">
<h2>제품의 우수성</h2>
<span class="center-line"></span>
</div>
<div class="row">
  <div class="col-md-6">
    <div class="card">
      <img src="https://images.news18.com/ibnlive/uploads/2021/07/1627377451_nature.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="card">
      <img src="https://images.news18.com/ibnlive/uploads/2021/07/1627377451_nature.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
      </div>
    </div>
  </div>
</div>

<p> </p>

  <div class="col-md-6">
    <div class="card">
      <img src="https://images.news18.com/ibnlive/uploads/2021/07/1627377451_nature.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="card">
      <img src="https://images.news18.com/ibnlive/uploads/2021/07/1627377451_nature.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
      </div>
    </div>
  </div>
</div>



이 오류에 대한 정답을 아시는 분이시라면 알려주시면 감사하겠습니다.

너무 허접한 질문이라 죄송하고, 감사합니다.
 




  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

세로사이즈가 height 안맞아서 그런것 같습니다.
글자들이 들어가져 있는

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.



위 부분에

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.



위 처럼 height 값을 고정해놓고 테스트 해보세요.
그리드가 틀어짐은 세로사이즈가 안맞아서 생기는 원인 입니다.
감사합니다.

김작가님의 댓글

no_profile 김작가 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

언제나 친절한 답변 감사합니다.
잘은 모르겠지만, 어딘가에 제가 코드를 잘못 입력한 것 같네요.
잘 해결했습니다.
항상 감사 드립니다^^

Total 1,243건 18 페이지
질문답변 목록
번호 제목 날짜
733
시간 : 09-05
09-05
732
시간 : 09-04
09-04
열람중
시간 : 08-29
08-29
730
시간 : 08-26
08-26
729
시간 : 08-25
08-25
728
시간 : 08-25
08-25
727
시간 : 08-24
08-24
726
시간 : 08-22
08-22
725
시간 : 08-21
08-21
724
시간 : 08-19
08-19
723
시간 : 08-19
08-19
722
시간 : 08-18
08-18
721
시간 : 08-18
08-18
720
시간 : 08-17
08-17
719
시간 : 08-17
08-17
718
시간 : 08-16
08-16
717
시간 : 08-16
08-16
716
시간 : 08-14
08-14
715
알리미 관련 댓글+ 1
시간 : 08-14
08-14
714
시간 : 08-12
08-12
713
시간 : 08-10
08-10
712
시간 : 08-09
08-09
711
시간 : 08-09
08-09
710
시간 : 08-08
08-08
709
시간 : 08-05
08-05
708
시간 : 08-02
08-02
707
시간 : 08-02
08-02
706
폼메일 문의 댓글+ 2
시간 : 08-01
08-01
705
쇼핑몰문의 댓글+ 3
시간 : 07-31
07-31
704
스킨문의 댓글+ 1
시간 : 07-29
07-29
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼