BootStrap 之 CSS全局样式中的图片

2021-03-27 01:25

阅读：544

标签：title ima type name content code ons lang nbsp

使用 BootStrap 中的CSS全局样式，我们就可以不用自己定义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">
    title>Bootstrap CSS全局样式title>
    link href="./BootStrap_3.3.7_libs/css/bootstrap.min.css" rel="stylesheet">
    script src="./jQuery/jquery-3.2.1.min.js">script>
    script src="./BootStrap_3.3.7_libs/js/bootstrap.min.js">script>
head>
body>



img src="./img/banner_3.jpg" class="img-responsive" alt="Responsive image">

img src="./img/banner_3.jpg" alt="Responsive image" class="img-rounded">

img src="./img/banner_3.jpg" alt="Responsive image" class="img-circle">

img src="./img/banner_3.jpg" alt="Responsive image" class="img-thumbnail">

body>
html>

详情请查看：全局 CSS 样式

BootStrap 之 CSS全局样式中的图片

标签：title ima type name content code ons lang nbsp

原文地址：https://www.cnblogs.com/liyihua/p/12405803.html

上一篇：网站入口页双栏对称布局实现思路

下一篇：hadoop-ha+zookeeper+hbase+hive+sqoop+flume+kafka+spark集群安装

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：BootStrap 之 CSS全局样式中的图片
文章链接：http://soscw.com/index.php/essay/68355.html

亲，登录后才可以留言！

BootStrap 之 CSS全局样式中的图片

响应式图片

评论

热门文章

推荐文章

最新文章

置顶文章