引导卡未如示例中所示

柔性_

为什么我的Bootstrap卡看起来很奇怪?在示例中,它们看起来像带有边框和白色填充的卡片,但是我的看起来仅是文本而没有填充和白色背景。

例如:

引导卡渲染示例

我不知道代码是否会对您有所帮助,但这是:

.container {
  left: 0;
  right: 0;
  bottom: -340px;
  text-align: middle;
  position: absolute;
}
<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="container">
  <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="Card image cap">
        <div class="card-block">
          <h4 class="card-title">This is Card #1</h4>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="http://v4-alpha.getbootstrap.com/components/card/" class="btn btn-primary">Learn More</a>
        </div>
      </div>
    </div>
  </div>
</div>

雷切尔(Rachel S)

我觉得很好。您必须确保要链接版本4样式表。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Flex 不会如示例中所示

来自分类Dev

如构造函数中所示

来自分类Dev

监听器document.addEventListener(function(){function如示例中所示

来自分类Dev

监听器document.addEventListener(function(){function如示例中所示

来自分类Dev

如何使用 Xamarin Forms 生成如 Paint Image 中所示的列表视图,示例显示购物项目

来自分类Dev

AsciiDoc“参考链接”(如Markdown中所示)

来自分类Dev

创建 json,如 Postman 中所示

来自分类Dev

从特定 API (BLS) 创建逗号分隔的数据表,而不使用如示例代码中所示的漂亮表?

来自分类Dev

如何复制列表视图,如“开始”菜单中所示

来自分类Dev

获取字符串,如DataGridView中所示

来自分类Dev

d3缩放无法如示例所示

来自分类Dev

引导程序社交媒体图标不起作用,如引导程序站点上所示

来自分类Dev

如何在字幕中添加微调框-如Android的Play音乐应用中所示?

来自分类Dev

MS-Access表单,希望文本不被截断地换行(如报告中所示)

来自分类Dev

使用英国地图代替南美地图(如网站教程中所示)

来自分类Dev

显示逗号分隔的名称,如p:datatable列中的列表中所示

来自分类Dev

如何获取正在运行的进程的进程ID,如任务管理器中所示

来自分类Dev

获取矩阵的行(或列)方式的表格化计数(如table()中所示)

来自分类Dev

bash是否具有color命令(如MS-Windows CMD中所示)?

来自分类Dev

如何自动获取计算机的“更新状态”,如设置中所示?

来自分类Dev

Wordpress TinyMCE无法将简单的“ www.sitename.com”转换为超链接,如演示中所示

来自分类Dev

在tomcat 7.0中运行SpringMVC应用程序会给我500错误,如StackTrace中所示

来自分类Dev

如何确定应用程序是否真的没有响应,如任务管理器中所示

来自分类Dev

进程监视器(procmon)不显示某些UDP / TCP网络活动事件,如网络监视器中所示

来自分类Dev

如何停止每个批处理文件作为名为cmd.exe的进程打开,如任务管理器中所示

来自分类Dev

有没有办法让Windows资源管理器列表视图显示文件编号(如编号列表中所示)?

来自分类Dev

引导导航选项卡的内容未显示

来自分类Dev

如Clang所示,此代码是否真的未定义?

来自分类Dev

如本例所示,如何制作HTML5滚动页?

Related 相关文章

  1. 1

    Flex 不会如示例中所示

  2. 2

    如构造函数中所示

  3. 3

    监听器document.addEventListener(function(){function如示例中所示

  4. 4

    监听器document.addEventListener(function(){function如示例中所示

  5. 5

    如何使用 Xamarin Forms 生成如 Paint Image 中所示的列表视图,示例显示购物项目

  6. 6

    AsciiDoc“参考链接”(如Markdown中所示)

  7. 7

    创建 json,如 Postman 中所示

  8. 8

    从特定 API (BLS) 创建逗号分隔的数据表,而不使用如示例代码中所示的漂亮表?

  9. 9

    如何复制列表视图,如“开始”菜单中所示

  10. 10

    获取字符串,如DataGridView中所示

  11. 11

    d3缩放无法如示例所示

  12. 12

    引导程序社交媒体图标不起作用,如引导程序站点上所示

  13. 13

    如何在字幕中添加微调框-如Android的Play音乐应用中所示?

  14. 14

    MS-Access表单,希望文本不被截断地换行(如报告中所示)

  15. 15

    使用英国地图代替南美地图(如网站教程中所示)

  16. 16

    显示逗号分隔的名称,如p:datatable列中的列表中所示

  17. 17

    如何获取正在运行的进程的进程ID,如任务管理器中所示

  18. 18

    获取矩阵的行(或列)方式的表格化计数(如table()中所示)

  19. 19

    bash是否具有color命令(如MS-Windows CMD中所示)?

  20. 20

    如何自动获取计算机的“更新状态”,如设置中所示?

  21. 21

    Wordpress TinyMCE无法将简单的“ www.sitename.com”转换为超链接,如演示中所示

  22. 22

    在tomcat 7.0中运行SpringMVC应用程序会给我500错误,如StackTrace中所示

  23. 23

    如何确定应用程序是否真的没有响应,如任务管理器中所示

  24. 24

    进程监视器(procmon)不显示某些UDP / TCP网络活动事件,如网络监视器中所示

  25. 25

    如何停止每个批处理文件作为名为cmd.exe的进程打开,如任务管理器中所示

  26. 26

    有没有办法让Windows资源管理器列表视图显示文件编号(如编号列表中所示)?

  27. 27

    引导导航选项卡的内容未显示

  28. 28

    如Clang所示,此代码是否真的未定义?

  29. 29

    如本例所示,如何制作HTML5滚动页?

热门标签

归档