我正在使用Laravel,从数据库中提取文章并用图像显示它,它是所有lorem ipsum生成的。
问题:如何让文章环绕图像及其下方。
以下是截图:
@extends('layouts.main')
@section('headContent')
<div class="container" class="">
<div class="row">
<div class="col-md-6">
<a href="{{ URL::route('equipment-item') }} " alt="{{$fd->name }}"><h2 class="page-header">{{$fd->name }}</h2></a>
<small>Created: {{ $fd->created_at }}</small>
<img src="{{ $fd->image }}" alt="{{$fd->name }}">
</div>
<div class="col-md-12">
//if i go <div class="col-md-6" (the other 50% of first div) it acts like a side bar.
<article class="DBArticle">
{{ Markdown::parse($fd->description) }}
</article>
<a href="{{ URL::route('equipment') }}">Equipment » </a>
</div>
</div>
</div>
</div>
@stop
//CSS --> Using Bootstrap, no other styles.
我觉得这种设置方式不可能,但我知道错了(:
答案 0 :(得分:1)
您需要将文章与img放在同一标签中。不是它自己的。
这是怎么回事
<div>
<div style="float:left;">
<img src="your image here" />
</div>
your article text
</div>