Laravel - Bootstrap 4不能正常工作
问题描述:
我为我的laravel项目使用引导程序4,但由于某种原因,它不能正常工作,我试图设置一个类似这样的帖子: 一列为个人资料图片col-md-1
和11列是col-md-11
后的其余但由于某些原因,它原来是这样Laravel - Bootstrap 4不能正常工作
这怎么可能?我有同样的问题与另一页,我的设置是这样的
<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>
出于某种原因,最后col-md-3
在BUTTOM应该在网页的BUTTOM旁边col-md-9
而是它的显示。我的引导程序4的实现是非常有用的,我可以注意到按钮的颜色。但是,怎么注意这个?提前致谢!
PS:这里是元素的GIF https://imgur.com/a/2FP67
答
很难说究竟是怎么回事,没有看到,可能是替代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