gpt4 book ai didi

css - 使用 Bootstrap 的图像之间的水平线

转载 作者:行者123 更新时间:2023-11-28 07:43:03 24 4
gpt4 key购买 nike

我无法在两张图片之间插入水平线。由于我刚刚开始学习 Bootstrap,所以不确定如何去做。

我想实现如下图: http://i.stack.imgur.com/9vJdm.png

最佳答案

只要看看这段代码就会对你有用

<style>

img{
width:10%;
display:inline-block;
}

.col-lg-5, .col-lg-2{
padding-left:0px;
padding-right: 0px;
}


</style>

</head>

<body>
<div class="container">
<div class="row">
<div class="col-lg-5" style="text-align:right">
<img src="path/img1.jpg">
</div>
<div class="col-lg-2">
<hr>
</div>
<div class="col-lg-5">
<img src="path/img2.jpg">
</div>
</div>
</div>
</body>

根据图像的大小(默认),您可以更改 widthcol-lg-, col-md-, col-sm-, col-xs- 值以及 CSS。它对我来说工作正常。

关于css - 使用 Bootstrap 的图像之间的水平线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30863645/

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