Laravel - Bootstrap 4 올바르지 않음

Question

내 laravel 프로젝트에 부트 스트랩 4를 사용하고 있는데 어떤 이유로 올바르게 작동하지 않는 경우 다음과 같은 설정을 시도하고 있습니다. col-md-1 인 프로필 사진 1 열 및 col-md-11입니다 게시물의 나머지 11 열은 그러나 어떤 이유로 대신이이

처럼 밝혀 :

어떻게 이런 일이 가능할까요? 내가 다른 페이지와 동일한 문제를 가지고 내 설치가 어떤 이유로 buttom의에서 지난 col-md-3은이

<div class="container first-container"> 
    <div class="row" id="showEffect"> 
     <div class="col-md-9 col-sm-12" style="border-right: 1px solid #f1f0f0"> 
      <h2 class="fw-3">Alle vragen</h2><br> 
      <div class="row"> 
       @foreach($posts as $post) 
        <div class="card" style="border: 0; border-bottom: 1px solid #f1f0f0"> 
         <div class="card-body"> 
          <div class="col-md-1 col-sm-1"> 
           <a href=""> 
            <img src="{!! asset('images/placeholder.png') !!}" class="rounded-circle" width="50"> 
           </a> 
          </div> 
          <div class="col-md-11 col-sm-11"> 
           <a href="{{ $post->path() }}"> 
            <h5 class="mb-0">{{ $post->title }}</h5> 
           </a> 
           <small> 
            <span>Kanaal</span> • {{ $post->created_at->diffForHumans() }} door 
            <a href=""> 
             <span>{{ $post->user->username }}</span> 
            </a> 
           </small> 
           <p class="mb-0 mt-2">{{ $post->text }}</p> 
          </div> 
         </div> 
        </div> 
       @endforeach 
      </div> 
     </div> 
     <div class="col-md-3"> 
      test 
     </div> 

    </div> 


</div> 

처럼 보인다는 페이지의 buttom의에서 옆 col-md-9에 대신의 표시로되어있다. 내 부트 스트랩 4의 구현은 무시 무시하게 작동하며, 버튼의 색상을 볼 수 있습니다. 그러나 이것을 cauusing하는 것은 무엇입니까? 미리 감사드립니다!

PS : 다음 요소의 GIF입니다 https://imgur.com/a/2FP67

Answer 1

정확히 장소에있을 수있는 CSS 규칙을 보지 않고 무슨 일이 일어나고 있는지 말을하지만,의 부모에게 "행"클래스를 추가하려고하는 하드 "COL-MD-1"과 "COL-MD-11"

<div class="row card-body"> 
    <div class="col-md-1 col-sm-1"> 
     ... 
    </div> 
    <div class="col-md-11 col-sm-11"> 
     ... 
    </div> 
</div> 

참조 문서 here