时间戳

首页 > 解决方案 > 在引导程序中获取中心词和句子

css - 在引导程序中获取中心词和句子

问题描述

我是新手。我有以下引导代码：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div style="padding-top: 25px; ">
  <div class="col-md-10 col-md-offset-1" style="background-color: #F0F8FF;">
    <div class="col-md-3">
      <img src="{{URL::asset('/images/car.png')}}" alt="profile Pic" height="50" width="50">Car
    </div>
  </div>
</div>

现在，我需要第一个图像，然后在图像中心的“汽车”字下到 div 和字下一些关于汽车的描述。像这样的形象。我怎样才能做到这一点？

在此处查看图片：

在这里看图片

标签： csstwitter-bootstrap

解决方案

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" />

<div class="row">
  <div class="col-md-3 text-center">
    <img class="d-block m-auto" src="https://placehold.it/50x50"/>
    <div>Car</div>
    <div>62.3333</div>
    <div>text text text texttext texttext texttext text</div>
  </div>
  <div class="col-md-3">
  </div>
  <div class="col-md-3">
  </div>
  <div class="col-md-3">
  </div>
</div>

推荐阅读