bootstrap入门【媒体图片配文字】

最新推荐文章于 2022-08-19 18:40:20 发布

小章鱼哥

最新推荐文章于 2022-08-19 18:40:20 发布

阅读量6.4k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/u014787301/article/details/44001917

版权

这篇博客介绍了Bootstrap入门，特别是如何实现媒体图片与文字的居上、居中和居下布局，虽然未展示最右侧布局。

摘要由CSDN通过智能技术生成

以上展示了图片的居上居中和居下，还可以在最右侧，没有展示

代码很简单不多说。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="bootstrap.min.css" rel="stylesheet">
    <style>
        body{
           margin: 10px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="media">
            <a class="media-left" href="#">
                <img src="4a36acaf2edda3cc5827d92f01e93901203f92f9.png" alt="">
            </a>
            <div class="media-body">
                <h1 class="media-heading">
                    章鱼哥哥