Javascript 如何使用引导程序在laravel中创建双栏POST部分。我有一个间隔问题
我的引导代码是这样的,它只是代码的视图部分。有了这个代码,我就有了图中给出的间距问题Javascript 如何使用引导程序在laravel中创建双栏POST部分。我有一个间隔问题,javascript,html,css,twitter-bootstrap,laravel,Javascript,Html,Css,Twitter Bootstrap,Laravel,我的引导代码是这样的,它只是代码的视图部分。有了这个代码,我就有了图中给出的间距问题 @{{post.content} 按@{{post.name}列出的状态 在引导程序4中,如果每张卡高度相等,则可以使用卡片组: 如果高度不相等,则可以使用卡片列: 这将自动处理间距问题 <div class="col-md-12"> <div v-for="post in posts">
@{{post.content}
按@{{post.name}列出的状态
在引导程序4中,如果每张卡高度相等,则可以使用卡片组:
如果高度不相等,则可以使用卡片列:
这将自动处理间距问题
<div class="col-md-12">
<div v-for="post in posts">
<div class="col-md-6" style="float:left;position:relative;">
<div class="card">
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>@{{post.content}}</p>
<footer class="blockquote-footer">Status By <cite title="Source Title">@{{post.name}}</cite> <img :src="'{{Config::get('app.url')}}/img/' + post.pic" alt="Card image cap" height="30px" width="30px" style="border-radius:50%;"></footer>
</blockquote>
</div>
</div>
</div>
</div>
</div>