引导卡没有像示例中那样显示 [英] Bootstrap cards not showing like in examples
本文介绍了引导卡没有像示例中那样显示的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
为什么我的 Bootstrap 卡看起来很奇怪?在示例中,它们看起来像带有边框和白色填充的卡片,但我的看起来像没有填充和白色背景的文本.
例如:
我不知道代码是否对您有帮助,但在这里:
.container {左:0;右:0;底部:-340px;文本对齐:中间;位置:绝对;}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><div class="容器"><div class="row"><div class="col-md-3"><div class="card"><img class="card-img-top" src="http://www.themdfactor.com/wp-content/uploads/2015/09/card1.jpg" alt="卡片图片上限"><div class="card-block"><h4 class="card-title">这是卡片#1</h4><p class="card-text">一些快速示例文本,用于构建卡片标题并构成卡片内容的大部分.</p><a href="http://v4-alpha.getbootstrap.com/components/card/" class="btn btn-primary">了解详情</a>