试图获得引导程序 4 轮播功能来执行此操作(下图是引导程序 3 变体)
我尝试将其转换为 bootstrap 4。我对它所做的是通过bootstrap 3运行它吗?在html上bootstrap 4 html转换工具,并调整CDN对bootstrap JS和CSS文件的引用。我还用颜色更改了图像引用,以便更容易区分我想要显示的图像。
下面是代码,它没有在一张幻灯片上显示所有 4 个图像
$(document).ready(function() {
$('#Carousel').carousel({
interval: 5000
})
});Run Code Online (Sandbox Code Playgroud)
body{padding-top:20px;}
.carousel {
margin-bottom: 0;
padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
left: -12px;
height: 40px;
width: 40px;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
margin-top: 90px;
}
.carousel-control.right {
right: -12px;
}
/* The …Run Code Online (Sandbox Code Playgroud)什么是默认display:属性:AFTER和:指定后的伪元素之前content.
难道display: inline还是display: inline-block?
无法在默认的css值列表中找到它
例:
div {
border: solid 1px black;
padding: 5px;
}
div:before {
content: "Before: Am I inline-block or inline?";
color:red;
}
div:after {
content: "After: Am I Inline-block or inline?";
color:green;
}Run Code Online (Sandbox Code Playgroud)
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>Run Code Online (Sandbox Code Playgroud)
正则表达式[]总是让我感到困惑.以下是一些常用的模式[]
/[0-9]/ 捕获所有数字/[A-Z]/ 捕获所有26个大写字母/[a-z]/ 捕获所有26个小写字母但是关于
/[A-Za-z0-9] 捕获所有数字,大写字母和小写字母这也可以写成
/[0-z]它还捕获所有数字,大写字母和小写字母.但它也捕捉^和|以及其他字符之间
js小提琴链接#&togetherjs = GPrgjuTmSu
<div class = "node-master">
<div class = "node-1">
<div class ="node-content">
child content 1
</div>
</div>
<div class = "node-2">
<div class ="node-content">
child content 2
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
在上面的例子中.我需要定位"子内容1"CSS类以应用不同的字体颜色.但是,需要注意的是,node-1由于HTML的生成方式(dynalist.io应用程序),我无法直接定位.
指定"子内容1"CSS语法的设置来自node-master.
基本上,我需要做的是拥有一个使用node-master的CSS类,并将其属性应用于第一个子节点 <div>