问利用引导技术实现图像间的水平线
EN

Stack Overflow用户

提问于 2015-06-16 09:25:58

回答 1查看 1.3K关注 0票数 0

我有困难把两个图像之间的水平线。不知道该怎么做，因为我刚刚开始学习Bootstrap。

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

css

twitter-bootstrap

回答 1

Stack Overflow用户

发布于 2015-06-16 10:32:55

只需看一看这段代码就可以了。

<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>

根据图像的大小(默认)，可以更改width和col-lg-, col-md-, col-sm-, col-xs-值以及CSS。对我来说很好。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30863645

复制

相似问题

问利用引导技术实现图像间的水平线
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问利用引导技术实现图像间的水平线EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问利用引导技术实现图像间的水平线
EN