我正在使用Bootstrap V4为我的新网站看到它在Alpha中.
但是我看不到它的构建中有datepicker.js.
有谁知道这是否会包含在V4中?如果没有,任何人都可以推荐一个好日期选择器?
谢谢
如果我使用document.documentElement,任何跨浏览器问题?
目标浏览器是
Thanx提前.
查看页面时,我可以在浏览器中运行自己的javascript代码吗?
例如,我有页面index.html.在那我想运行这个javascript函数
function myFunction()
{
alert("Say Hi");
}
Run Code Online (Sandbox Code Playgroud)
我想通过一些浏览器界面调用此函数,因为我无法访问Web的源代码.
我正在学习 HTML 和 CSS。我正在通过设计一些页面来练习,但遇到了问题。我尝试了很多方法但无法修复它。我想在图标和文字之间添加一个空格,以便它们锁定更美观。
图像:
CSS:
.facebook {
background: blue;
padding: 0.8rem;
padding-left: 4.1vw;
padding-right: 4.1vw;
margin-left: 0vw;
border-radius: 10px;
}
.facebook:hover {
opacity: 0.5;
}
.google {
background: red;
padding: 0.8rem;
padding-left: 4.6vw;
padding-right: 4.6vw;
margin-left: 3vw;
border-radius: 10px;
}
.google:hover {
opacity: 0.5;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div class="login-with">
<a href="https://www.facebook.com/" target="_blank" class="facebook"><i class="fab fa-facebook">Facebook</i></a>
<a href="https://www.google.com/" target="_blank" class="google"> <i class="fab fa-google">Google</i> </a>
</div>
Run Code Online (Sandbox Code Playgroud)
你能帮我解决它吗?当我手动添加空格时,链接文本会转到图标下方。
完整代码链接:
CSS:完整代码
HTML:完整代码
我试图将链接元素中心对齐,在父元素内部,其中元素采用最小宽度和高度,就像使用时一样 display:inline-block
.parent {
text-align: -moz-center;
text-align: -webkit-center;
text-align: -ms-center;
}
.parent a {
display:block;
width:-moz-fit-content;
width:-webkit-fit-content;
width:-ms-fit-content;
background-color:red;
}
<div class="parent">
<a href ="#">Link1</a>
<a href="#">Link2</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我发现它适用于Chrome和Firefox,但不适用于IE.有谁知道什么是相当于 -moz-center和-moz-fit-content在IE?
I've been doing a lot of the practise tests on codility and though all my solutions work, they always have hidden stress tests which include massive arrays, the following code for example needs to take array A and find the lowest positive number missing from the sequence.
e.g: given A = [1, 3, 6, 4, 1, 2], the function should return 5. 5 is the value of i which increments in the loop. Function returns whenever index i is not …
我正在检查网站http://mothereffinghsl.com/的查看源代码.它由Paul Irish编码
在代码中,html元素的id不包含在少数元素的引号中.对于其他元素,id用引号括起来.这是一个很好的做法.是故意还是故意遗漏?我不认为像保罗这样的人忽略了它.
<div id="main" role="main">
<h1>Mother-effing <span>hsl()</span></h1>
<canvas width=360 height=100><a href="http://noyoueatabagofdicks.com/">your browser doesnt support canvas.</a></canvas>
<span id=loading>one sec, bro.</span>
<label id=sat>Saturation</label>
Run Code Online (Sandbox Code Playgroud)
你的想法是什么?
接受答案后编辑
结论:
在html5中,引号不是必需的,但建议出于评论中提到的原因.
对于某些属性而言,使用引号也不是一个好的做法,即使它受到支持也不适用于其他属性.
我Bootstrap 4 beta 在 iPad 中使用 我的导航栏标题并不完美,但小型设备工作完美,如何解决我的问题,请帮助我解决该问题您可以理解我的问题,请查看工作片段
谢谢
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">School-PROJECT</a>
<button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">DASHBOARD<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">BOOKING</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">ROOMS</a>
</li>
<li class="nav-item">
<a class="nav-link" …Run Code Online (Sandbox Code Playgroud)我正在尝试使用 Bootstrap 4 创建一个表单。但是文件输入的标签溢出了列。我找不到使它适合列的方法。是否有可以实现此目的的引导程序方式或自定义 css?
编辑:很抱歉我的问题没有得到很好的解释。我所说的标签是指文件输入中的标签。那就是“选择文件...”。可以看出,图像中的文件输入在右侧溢出。它与其余的输入字段不对齐。
<div class="form-group row">
<label for="image-upload" class="col-sm-3 col-form-label">Resim Yükle (5:3 Oranl?)</label>
<div class="custom-file col-sm-9">
<input type="file" class="custom-file-input" id="image-upload" required>
<label class="custom-file-label" for="image-upload">Choose file...</label>
<div class="invalid-feedback">Example invalid custom file feedback</div>
</div>
<!--<div id="uploaded-images"></div> id=cover-image-input-->
</div>
Run Code Online (Sandbox Code Playgroud) javascript ×4
bootstrap-4 ×3
css ×2
html ×2
arrays ×1
browser ×1
coding-style ×1
css3 ×1
font-awesome ×1
loops ×1