Question

我无法在2张图像之间插入水平线。我不知道如何开始学习Bootstrap。

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

Answer 1

看看这段代码对你有用

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

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

1 个答案: