小编Jac*_*ett的帖子
在div中创建一个像背景图像封面的图像
尝试在div中自动裁剪内嵌图像以模拟背景图像.我尝试使用大小超过100%的绝对位置,但是当你调整大小时,它适用于高度一次然后打破另一个宽度.我假设方形没有任何帮助.您对如何解决此结果有任何建议吗？
JavaScript是使这项工作的最佳方式吗？
body {
background: #000;
}
.container {
background: #ccc;
}
.row {
border: 1px solid #fff;
}
.col-md-6 {
border: 1px solid red;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" crossorigin="anonymous">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="http://dummyimage.com/600x500/500/fff" class="img-responsive" />
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<h2>Heading</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis officia animi consectetur obcaecati cum harum aliquam qui nisi aliquid sint. Nobis voluptas sequi voluptatem soluta ex sed nisi, sapiente dicta!</p>
</div>
<!-- /.col-md-6 …5
推荐指数
推荐指数
1
解决办法
解决办法
1046
查看次数
查看次数
为什么Bootstrap 4卡片图像使用data-src而不是src用于图像标签？
在下面的演示代码中,它使用data-src但不使用img src.如何应用图像？javascript是否以某种方式修改了这个？
http://v4-alpha.getbootstrap.com/components/card/
<div class="card">
<img class="card-img-top" data-src="..." alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Card title</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
4
推荐指数
推荐指数
1
解决办法
解决办法
3064
查看次数
查看次数
为什么逗号在console.log中工作而不是警告？
我在console.log中看到了一些使用逗号的代码示例,我认为在组合字符串和变量时需要+运算符.你能解释一下这个区别吗？
console.log("my list items", myListItems[0]);
alert("my list items" + myListItems[0]);
0
推荐指数
推荐指数
1
解决办法
解决办法
196
查看次数
查看次数