我试图从这个Bootstrap 3模板中创建一个灵感的网格系统:
我可以在代码中看到,通过设置高度来控制4个大网格元素.我可以制作前2个网格项,但我现在迷失了如何制作2个小列.
这是我到目前为止所做的代码:
[链接到我的演示模型] [3]
<style>
.bg-img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.item1 {
height:600px;
}
.item2 {
height:300px;
}
.item3 {
height: 300px;
}
</style>
<section>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6 bg-img item1" style="background-image:url(https://placehold.it/600x600;)"></div>
<div class="col-sm-6 bg-img item2" style="background-image:url(https://placehold.it/300x600;)"></div>
</div>
</div>
</section>
Run Code Online (Sandbox Code Playgroud)
有谁能够帮我?
最好的祝福.
我正在尝试学习一些JQuery.我正在使用外部js来编写我的代码.当我调用2段函数时它工作正常,但是当我调用提交按钮时它只是再次加载页面.我的代码看起来像这样:
<html>
<body>
<p id="paragraf">This is an internal paragraf</p>
Another Example:
<p id="paragraftest">This is the external js script</p>
<form>
<input type="text" name="Submit_test">
<button id="buttontest">Submit</button>
</form>
<script type="text/javascript" src="jqueryScript/jquery.js"></script>
<script type="text/javascript" src="jqueryScript/hide.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
使用Javascript:
$('#paragraf').click(function() {
$('#paragraf').hide();
});
$('#paragraftest').click(function() {
$('#paragraftest').hide();
});
$('buttontest').submit(function() {
alert("test");
});
Run Code Online (Sandbox Code Playgroud)
/*我在按钮测试和测试中试过了""和"",但仍然是相同的*/我也试过这个,但它仍然是相同的.
<form>
<input type="text" name="buttontest">
<input type="submit" value="">
</form>
Run Code Online (Sandbox Code Playgroud)
谁能明白为什么没有发生?最诚挚的问候Mads
我试图垂直对齐我的FontAwesome图标旁边的文本.我可以用padding-left手动完成,但这似乎不对.
有更简单的方法吗?
<div class="row">
<div id="tb-testimonial" class="testimonial testimonial-default">
<div class="testimonial-section">
<div class="col-xs-12 col-sm-6">
<ul>
<i class="fas fa-snowflake"></i> A/C service<br/>
<i class="fa fa-angle-right"></i> Aut-gear service<br/>
<i class="fas fa-car-side"></i> Bil-leasing<br/>
<i class="fas fa-car"></i> Bil-salg<br/>
<i class="fas fa-oil-can"></i> Bilsyn<br/>
<i class="fa fa-angle-right"></i> BMW Keyreader<br/>
<i class="fa fa-angle-right"></i> BMW-testudstyr (ISTA)<br/>
<i class="fas fa-book"></i> Digital servicebog<br/>
<i class="fas fa-hotel"></i> Dækhotel<br/>
</ul>
</div>
<div class="col-xs-12 col-sm-6">
<ul>
<i class="fa fa-angle-right"></i> Elektronisk diagnose & fejlfinding<br/>
<i class="fa fa-angle-right"></i> Klassiske biler<br/>
<i class="fas fa-mug-hot"></i> Kundelounge<br/>
<i class="fa fa-angle-right"></i> …Run Code Online (Sandbox Code Playgroud) 我正在玩这个倒计时:
我想要一些带有白色边框的全天候圆圈。我尝试在这里做一些事情,但我不知道如何使背景透明,这样你就可以看到时钟的天,小时,圈,秒?
其实我想要的是这样的,但是要设置围绕圆圈的边框计数,我还做得不够好。但它的设计:
我这里有一个小脚本.当您按下按钮时,文本会隐藏.如果我想将文本更改为文本"unhide"消失时,我该怎么办呢?
我的意思是按钮上的文字变为"unhide".
<div>
<p>Should I hide this message?</p>
<button>Click for hide</button>
</div>
<script>
$(document).ready(function(){
$('button').click(function() {
$('p').slideToggle();
});
});
</script>
Run Code Online (Sandbox Code Playgroud)