我在图像上放置了一个黑色的覆盖层,但是我注意到行图像从边缘沿覆盖层的位置略微达到峰值。不同大小会影响图像行。我创建了一个CodePen,可以加载Bootstrap 4 CSS和JS,因此可以实时看到。我还上传了以下图片,以证明您的运气好于其他人,具体取决于屏幕尺寸。感谢帮助!
CodePen: https ://codepen.io/anon/pen/vMOwLb
的HTML
<div class="card-container mx-auto">
<div class="card-deck flex-row flex-nowrap card-deck-topic bkg-color">
<div class="card card-topic">
<a href="#" class="topic-card-box">
<img src="https://images-na.ssl-images-amazon.com/images/I/91V8Nhn8CDL._SL1500_.jpg" class="card-img-top" />
<div class="card-body card-body-topic card-body-topic-align">
<p class="card-sub card-sub-topic-title">Title Here<span class="line-two">Second Line of Text</span></p>
</div>
</a>
</div>
<div class="card card-topic">
<a href="#" class="topic-card-box">
<img src="https://images-na.ssl-images-amazon.com/images/I/91V8Nhn8CDL._SL1500_.jpg" class="card-img-top" />
<div class="card-body card-body-topic card-body-topic-align">
<p class="card-sub card-sub-topic-title">Title Here<span class="line-two">Second Line of Text</span></p>
</div>
</a>
</div>
<div class="card card-topic">
<a href="#" class="topic-card-box">
<img src="https://images-na.ssl-images-amazon.com/images/I/91V8Nhn8CDL._SL1500_.jpg" class="card-img-top" />
<div class="card-body card-body-topic card-body-topic-align"> …Run Code Online (Sandbox Code Playgroud) 我在使整个Bootstrap 4卡可点击时遇到麻烦。我正在使用HTML5和Bootstrap 4,无法使包含的卡可点击。图像和文本是可单击的,但是我希望用户能够在框中的任何位置单击。我尝试用链接包装它,该卡片看起来可点击,但并非完全可以。感谢帮助
Codepen: https ://codepen.io/anon/pen/PVNXgV
的HTML
<div class="container">
<div class="card-deck flex-row flex-nowrap">
<div class="card">
<a href="http://google.com"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/Alberobello_BW_2016-10-16_13-43-03.jpg/250px-Alberobello_BW_2016-10-16_13-43-03.jpg" alt="Card image cap"></a>
<a href="http://google.com">
<!-- THIS DIV IS NOT CLICKABLE BUT I WANT IT TO BE -->
<div class="card-body">
<a href="http://google.com"><h3 class="card-sub align-middle">Card Title</h3></a>
<p class="time-card">2 Days Ago</p>
</div><!-- END CARD-BODY -->
</a>
</div><!-- END CARD -->
</div><!-- END CARD DECK -->
</div><!-- END CONTAINER -->
Run Code Online (Sandbox Code Playgroud)
的CSS
.card-container{
max-width:1400px;
width:95%;
}
.card-body{
max-width:250px;
padding-left:10px;
margin-top:0px;
transition:.3s;
-webkit-transition:.3s;
}
.card-deck{
margin-bottom:3.2rem;
display: …Run Code Online (Sandbox Code Playgroud) 我试图在我的cordova应用程序中删除Android平台,但无法。感谢帮助!
$科尔多瓦平台删除Android
rm:无法删除目录(代码ENOTEMPTY):myapp \ platforms \ android / app
rm:无法删除目录(代码ENOTEMPTY):myapp \ platforms \ android / app rm:无法删除目录(代码ENOTEMPTY):myapp \ platforms \ android
从config.xml文件中删除Android平台...
不知道为什么,但是我检查一下是否至少被识别为已删除但不是:
$ cordova平台
已安装的平台:
android可用平台:
安卓〜7.0.0浏览器〜5.0.1 ios〜4.5.4 osx〜4.0.1 Windows〜5.0.0 www ^ 3.12.0
如果我去重新添加android平台,我得到这个:
$ cordova平台添加android
将cordova-fetch用于cordova-android@^7.0.0(节点:11012)UnhandledPromiseRejectionWarning:CordovaError:已添加平台android。在C:\ Users \ computer \ AppData \ Roaming \ npm \ node_modules \ cordova \ node_modules \ cordova-lib \ src \ cordova \ platform \ addHelper.js:149:35 at _fulfilled(C:\ Users \ computer \ AppData \ Roaming \ npm \ node_modules \ cordova \ …