问css上的引导媒体对象问题
EN

Stack Overflow用户

提问于 2022-07-07 08:12:40

回答 1查看 36关注 0票数 0

尝试使用引导来显示媒体(https://getbootstrap.com/docs/4.0/layout/media-object/)，就像网站中的第一个，但是在复制粘贴从docu中的代码后，结果不是same.The外部bootstrap_part.css是空的。

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap_part.css">
    <link rel="stylesheet" href="https://toert.github.io/Isolated-Bootstrap/versions/4.0.0-beta/iso_bootstrap4.0.0min.css">
    <title>Harli Lacej - Website</title>
    <link rel="icon" href="../personal-website/img/H.png" type="image/png">
</head>
<body>
    <main>
        <img src="./img/profile_photo.png" alt="profile_photo" height="150px" width="150px">
        <br>
        <br>
        <div class="bootstrap">
           <div class="media">
        <img class="mr-3" src="img/img_asd.jpg" alt="Generic placeholder image" width="60">
        <div class="media-body">
          <h5 class="mt-0">Media heading</h5>
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
        </div>
        </div>
        </div>

..。

html

css

bootstrap-4

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-07 09:41:51

问题fixed.The错误是Github.Anyone中提供的代码，想要独立的Bootstra4.1.0可以使用这个链接：

<link rel="stylesheet" href="https://toert.github.io/Isolated-Bootstrap/versions/4.1.0/iso_bootstrap4.1.0min.css">

其他人的工作与这里写的相同：https://github.com/toert/Isolated-Bootstrap

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72894389

复制

相似问题

问css上的引导媒体对象问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css上的引导媒体对象问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css上的引导媒体对象问题
EN