Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 引导-中心内容_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

Twitter bootstrap 引导-中心内容

Twitter bootstrap 引导-中心内容,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,我对卡片中文本的居中有问题。现在看起来是这样的 我希望卡片的描述/内容从同一点开始(在粉色线下)。你是怎么得到的 我使用引导,这是我的代码 <div class="container"> <div class="row"> <div class="col-3"> <div class="card"> <img width="50" class="card-img-top" src=

我对卡片中文本的居中有问题。现在看起来是这样的

我希望卡片的描述/内容从同一点开始(在粉色线下)。你是怎么得到的

我使用引导,这是我的代码

  <div class="container">
    <div class="row">
      <div class="col-3">
        <div class="card">
          <img width="50" class="card-img-top" src="http://d3sdoylwcs36el.cloudfront.net/VEN-virtual-enterprise-network-business-opportunities-small-fish_id799929_size485.jpg">
          <div class="card-body">
            <h4 class="card-title">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a</h4>
            <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.</p>
          </div>
        </div>
      </div>
      <div class="col-3">
        <div class="card">
          <img width="50" class="card-img-top" src="http://d3sdoylwcs36el.cloudfront.net/VEN-virtual-enterprise-network-business-opportunities-small-fish_id799929_size485.jpg">
          <div class="card-body">
            <h4 class="card-title"> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a. Contrary to popular belief.</h4>
            <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
          </div>
        </div>
      </div>
    </div>

与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于一个国家
Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界标准的虚拟文本

与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于a。与普遍的看法相反。 Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书


添加
高度:自动卡片标题上添加code>,这样它会根据里面的文本自动调整你的容器大小。

卡片标题指定固定高度,这样它就不能被更改

因此,卡片的描述/内容从同一点开始(在粉色线下)

。卡片标题{
最小高度:250px;
}

与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于一个国家
Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界标准的虚拟文本

与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于a。与普遍的看法相反。 Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书


height auto不能解决这个问题!更改或删除您的回答,因为他/她需要添加响应类来管理卡的视图,如col sm-*和col lg-*为什么?我需要在我的回答中包括回应方式,我没有看到任何关于回应的问题,也没有提到任何问题。