使用bootstrap的图像之间的水平线

funde 发布于 5 天前 css 最后更新 5 天前 1 浏览

我无法在两张图像之间插入水平线。由于我刚刚开始学习Bootstrap,所以不知道该如何去做。 我想实现像下面的图像: http://i.stack.imgur.com/9vJdm.png

已邀请:

oqui

赞同来自:

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

<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。它对我来说很好。