Question

所以我正在设计一个属性网站个人项目的基本展示页面。我想让我的个人财产的展示页看起来更好，但我不是设计师，我不知道从哪里开始。

我正在使用bootstrap 4，我没有关注设计

我不是在寻找任何令人惊奇的东西，但是代码/设计明智的简单指针会很棒。

@section('content')

<div class="container col-md-6 ml-4">
  <div class="card text-center">
    <div class="card-header card-title col-md-12">
      <h4>{{$Advert->address .', '. $Advert->town .', '. $Advert->county}}</h4>
    </div>
    <div class="card-header col-md-12">
      <p class="float-left font-weight-bold col-md-6">€{{$Advert->rent}} Per Month</p>

      <p class="float-left col-md-6">Bed: {{$Advert->bedrooms . ' ' . 'Bath: ' . $Advert->bathrooms}}</p>
    <div class="col-md-12">
      <p class="float-left col-md-6">Avaliable From: {{$Advert->date}}</p>

      @if ($Advert->furnished == "option1")
        <p class="float-left col-md-6">Furnished: Yes</p>
      @else
        <p class="float-left col-md-6">Furnished: No</p>
      @endif
    </div>
    </div>
    <div class="card-body col-md-12">
      <img src="data:image/gif;base64,{{ $Advert->photo }}" class="img-fluid full-width col-md-12">
    </div>
  </div>
  <div class="card text-center">
    <p class="col-md-10 text-justify mx-auto">{{$Advert->description}} </p>
  </div>
</div>
@endsection

用于显示广告/帖子的Bootstrap设计建议

0 个答案: