Bootstrap css学习笔记（四）——图片与辅助类

最新推荐文章于 2024-04-06 16:24:37 发布

小巷下起了雨

最新推荐文章于 2024-04-06 16:24:37 发布

阅读量1.3k

点赞数

分类专栏： front-end(bootstrap) 文章标签： bootstrap 图片情景颜色和背景清除浮动隐藏文本

本文链接：https://blog.csdn.net/qq_28057577/article/details/77345471

版权

本文是关于Bootstrap CSS的学习笔记，重点探讨图片处理和辅助类的应用。通过示例代码展示了响应式图片、不同形状的图片、情景文本颜色、背景色、关闭按钮、三角符号、浮动和清除浮动的效果，以及隐藏内容的方法。通过实践，可以深入理解Bootstrap的这些功能。

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

前言：这篇文章就不写目录了，这篇是bootstrap css最后一篇文章，将对bootstrap中对图片的处理和一些辅助类的设计进行学习了解。

1.图片辅助类学习总结

2.示例代码如下：

 
    
  
 
       
 
        
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>bootstrap图片以及辅助</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script type="application/javascript" src="js/bootstrap.min.js">
    </script>
    <style type="text/css">
        .bs-callout {
           
            padding: 20px;
            margin: 20px 0;
            border: 1px solid #eee;
            border-left-width: 5px;
            border-radius: 3px;
        }
        .bs-callout-danger {
           
            border-left-color: #ce4844;
        }
    </style>
</head>
<body style="margin: 40px"