小编kir*_*nvj的帖子

Bootstrap v4 datepicker

我正在使用Bootstrap V4为我的新网站看到它在Alpha中.

但是我看不到它的构建中有datepicker.js.

有谁知道这是否会包含在V4中?如果没有,任何人都可以推荐一个好日期选择器?

谢谢

twitter-bootstrap bootstrap-4

98
推荐指数
3
解决办法
29万
查看次数

document.documentElement的任何跨浏览器问题

如果我使用document.documentElement,任何跨浏览器问题?

目标浏览器是

  • 火狐
  • IE浏览器
  • 歌剧
  • 苹果浏览器
  • Android的
  • iOS版
  • 黑莓

Thanx提前.

javascript cross-browser

23
推荐指数
1
解决办法
9059
查看次数

我可以在(已加载)页面上运行自己的javascript吗?

查看页面时,我可以在浏览器中运行自己的javascript代码吗?

例如,我有页面index.html.在那我想运行这个javascript函数

function myFunction()
{

 alert("Say Hi");

}
Run Code Online (Sandbox Code Playgroud)

我想通过一些浏览器界面调用此函数,因为我无法访问Web的源代码.

javascript browser

17
推荐指数
3
解决办法
3万
查看次数

如何在CSS中的图标和文本之间留出空间

我正在学习 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:完整代码

html css font-awesome

7
推荐指数
1
解决办法
2万
查看次数

什么是等效的-moz-fit-content和-moz-center

我试图将链接元素中心对齐,在父元素内部,其中元素采用最小宽度和高度,就像使用时一样 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?

css css3

4
推荐指数
1
解决办法
2万
查看次数

How do you look through arrays more efficiently? Javascript

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 …

javascript arrays loops

4
推荐指数
1
解决办法
74
查看次数

保守爱尔兰代码 - 好的或坏的做法?

我正在检查网站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中,引号不是必需的,但建议出于评论中提到的原因.

对于某些属性而言,使用引号也不是一个好的做法,即使它受到支持也不适用于其他属性.

javascript coding-style

3
推荐指数
1
解决办法
446
查看次数

为什么我的prettier保存后显示红色

在此输入图像描述

所以基本上我在 VS Code 中安装了 prettier 并在设置中启用了粘贴格式选项,现在我不知道为什么这些红色条出现在我的代码中。

谢谢

html visual-studio-code

2
推荐指数
1
解决办法
7394
查看次数

Bootstrap 4 导航栏切换在 iPad 中不显示

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)

twitter-bootstrap bootstrap-4

0
推荐指数
1
解决办法
3013
查看次数

Bootstrap 4 文件输入标签 Oveflows 列

我正在尝试使用 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)

bootstrap-4

0
推荐指数
1
解决办法
1670
查看次数