gpt4 book ai didi

css - 如何在 Bootstrap 中使用 css 内联显示图像?

转载 作者:行者123 更新时间:2023-11-28 06:01:28 25 4
gpt4 key购买 nike

<!DOCTYPE html>
<html>
<title> MyBLOG </title>
<head>


<link rel="stylesheet" type="text/css" href="css/bootstrap_costumize.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

<script src="css/js/bootstrap.js"></script>
<script src="css/js/bootstrap.min.js"></script>
</head>

<body>
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<div class="navbar-brand"> This is a Logo </div>
</div>
<ul class="nav navbar-nav pull-right" >
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact us</a></li>
</ul>

</nav>

<div class="row">
<div class="col-md-2 col-md-offset-1">
<div class="img">
<img src="img/blog_picture_1.jpg" />
</div>
<div class="img">
<img src="img/blog_picture_2.jpg" />
</div>
<div class="img">
<img src="img/blog_picture_1.jpg" />
</div>
<div class="img">
<img src="img/blog_picture_2.jpg" />
</div>
</div>
</div>



</body>

</html>

这是 php 代码,它从上到下显示图像,我怎样才能像从左到右那样内联显示图像?

我也在苦苦挣扎如何在 img 和 div 中连接 css 选择器 hehe 可以 sum1 请详细说明我应该做的方法 谢谢 :)

最佳答案

由于您的图像都包含在具有 .img 类的 div 中,因此请在您的 CSS 中编写以下内容。

.img { display: inline; }

关于css - 如何在 Bootstrap 中使用 css 内联显示图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36721764/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com