css上的引导媒体对象问题答案

【问题标题】：Bootstrap media object issue on csscss上的引导媒体对象问题
【发布时间】：2022-07-07 17:41:51
【问题描述】：

尝试使用Bootstrap显示媒体(https://getbootstrap.com/docs/4.0/layout/media-object/)，和网站第一个一样，但是从docu复制粘贴代码后，结果不一样。外部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>

...

【问题讨论】：

能否请您使用getbootstrap.com/docs/4.6/getting-started/introduction 中的链接（快速入门部分）
问题仍然存在，我只希望网站的一部分使用引导程序，这就是为什么我选择来自 Github 的链接，该链接隔离引导程序以不影响脚本的其他部分。

标签： html css bootstrap-4

【解决方案1】：

问题已修复。错误是 Github 中提供的代码。任何想要隔离 Bootstrap 4.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

【讨论】：