에티테마

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

페이지 정보

작성자 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 안맞아서 그런것 같습니다.
글자들이 들어가져 있는

<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>

위 부분에

<p class="card-text" style="height:100px;">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>

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

김작가님의 댓글의 댓글

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

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

Total 747건 1 페이지
질문답변 목록
번호 제목 날짜
공지
시간 : 08-23
08-23
공지
시간 : 06-18
06-18
공지
시간 : 07-29
07-29
공지
시간 : 03-19
03-19
743
시간 : 09-25
09-25
742
시간 : 09-23
09-23
741
시간 : 09-23
09-23
740
시간 : 09-20
09-20
739
슬라이드 댓글+ 2
시간 : 09-16
09-16
738
시간 : 09-16
09-16
737
시간 : 09-16
09-16
736
시간 : 09-15
09-15
735
시간 : 09-15
09-15
734
시간 : 09-15
09-15
733
시간 : 09-14
09-14
732
시간 : 09-06
09-06
731
시간 : 09-06
09-06
730
시간 : 09-05
09-05
729
시간 : 09-04
09-04
열람중
시간 : 08-29
08-29
727
시간 : 08-26
08-26
726
시간 : 08-25
08-25
725
시간 : 08-25
08-25
724
시간 : 08-24
08-24
723
시간 : 08-22
08-22
722
시간 : 08-21
08-21
721
시간 : 08-19
08-19
720
시간 : 08-19
08-19
719
시간 : 08-18
08-18
718
시간 : 08-18
08-18
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼
 커뮤니티