小编SNa*_*aRe的帖子

如何在Twitter Bootstrap中添加自定义图标？

我正在添加Twitter Bootstrap的图标没有问题.他们有很多选择.

http://twitter.github.com/bootstrap/base-css.html#icons

但是,我找不到其中一个菜单项的相应图标.这是关于"汽车".我想要的是我想添加我的自定义图标.我怎样才能做到这一点？

css xhtml twitter-bootstrap

SNa*_*aRe

lucky-day

38
推荐指数

2
解决办法

6万
查看次数

如何进行显示:flex响应性工作 - Bootstrap？

我有一个3-cols的行,并且在cols中有一个下拉菜单,如果我选择了一个选项,它会显示在下面.当我单击此选项按钮时,列的高度会延伸/弯曲/增加,并且它可以正常工作.为此我只需将此css元素添加到行中以进行全屏显示

@media only screen and (min-width: 1201px)
.payfullMajsticBlox .portlet-body > .row {
    display: flex;
}

Run Code Online (Sandbox Code Playgroud)

这是我的HTML代码

<div class="payfullMajsticBlox">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-cogs font-green-sharp"></i>
            <span class="caption-subject font-green-sharp bold uppercase">POS AYARLARI</span>
        </div>
        <div class="tools">
            <a class="collapse" href="javascript:;" data-original-title="" title="">
            </a>
            <a class="config" data-toggle="modal" href="#portlet-config" data-original-title="" title="">
            </a>
            <a class="reload" href="javascript:;" data-original-title="" title="">
            </a>
            <a class="remove" href="javascript:;" data-original-title="" title="">
            </a>
        </div>
    </div>
    <div class="portlet-body">
        <!--<h4>Pulsate any page elements.</h4>-->
        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-6   payfullcol popovers" data-content="XXX" data-placement="top" data-trigger="hover" …

Run Code Online (Sandbox Code Playgroud)

css xhtml jquery css3 twitter-bootstrap

SNa*_*aRe

2015 10-09

19
推荐指数

1
解决办法

754
查看次数

如何使用Laravel Eloquent在不同服务器上的多个数据库之间执行Join查询？

这就是我们如何使用Laravel处理多个数据库连接,这是一个PHP框架而不是Python(对于谁来说这是一个重复的帖子)

<?php
return array(

    'default' => 'mysql',

    'connections' => array(

        # Our primary database connection
        'mysql' => array(
            'driver'    => 'mysql',
            'host'      => 'host1',
            'database'  => 'database1',
            'username'  => 'user1',
            'password'  => 'pass1'
            'charset'   => 'utf8',
            'collation' => 'utf8_unicode_ci',
            'prefix'    => '',
        ),

        # Our secondary database connection
        'mysql2' => array(
            'driver'    => 'mysql',
            'host'      => 'host2',
            'database'  => 'database2',
            'username'  => 'user2',
            'password'  => 'pass2'
            'charset'   => 'utf8',
            'collation' => 'utf8_unicode_ci',
            'prefix'    => '',
        ), …

Run Code Online (Sandbox Code Playgroud)

php mysql join laravel laravel-5

SNa*_*aRe

2015 11-11

6
推荐指数

1
解决办法

1606
查看次数

如何使用Dropzonejs限制视频的持续时间？

我有一个表单,我上传视频和视频的持续时间/长度很重要.

用PHP上传文件后,用格式查看视频文件大小的持续时间FFMpeg.

我用PHP计算持续时间,需要通过PHP以某种方式发送持续时间的值.我想我必须将持续时间附加到$resultJson的变量.

这是我的HTML

<!DOCTYPE html>
<html>
    <head>

        <script src=
        "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
        <link href="css/dropzone.css" rel="stylesheet">
        <script type="text/javascript">

        Dropzone.options.myDropzone = {

        maxFiles: 1,
        acceptedFiles: "image/*,video/*",
        maxfilesexceeded: function (file) {
            this.removeAllFiles();
            this.addFile(file);
            $('#infomsg').hide();

        },

        init: function () {
            $('#infomsg').hide();

            this.on("success", function (result) {

                $('#infomsg').show();


                $("#boatAddForm").append($('<input type="hidden" ' +
                    'name="files[]" ' +
                    'value="' + result.name + '">'));

            });
        }
        };


        </script>
        <title></title>
    </head>
    <body>
        <p>
            This is the most minimal example of Dropzone. The upload in this
            example …

Run Code Online (Sandbox Code Playgroud)

javascript php jquery ffmpeg file-upload

SNa*_*aRe

2015 06-26

6
推荐指数

1
解决办法

912
查看次数

如何使用Bootstrap手风琴按钮更改（-，+）符号？

我创建了带有+和-符号的boostrap 4手风琴菜单。符号在折叠和展开时会发生变化。

我用：after添加符号

但是，我想用按钮而不是'-，+'符号代替它。这样我将有2个按钮，就像“看到更多”，“看到更少”（可以是具有不同文本和背景的同一按钮）一样，并且随着我的点击而变化

我不知道。

我的代码和演示：https : //www.codeply.com/go/sOps2WhtG5

<div class="container">
<div id="accordion" class="accordion">
    <div class="card mb-0">
        <div class="card-header collapsed" data-toggle="collapse" href="#collapseOne">
            <a class="card-title">
                Item 1
            </a>
        </div>
        <div id="collapseOne" class="card-body collapse" data-parent="#accordion" >
            <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
                aliqua put a bird on it squid single-origin coffee nulla assumenda …

Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap bootstrap-accordion bootstrap-4

SNa*_*aRe

lucky-day

6
推荐指数

1
解决办法

573
查看次数

如何让图片边框均匀？

我向图像添加了 1 像素边框。同时，我尝试给图像边缘赋予半径。\n我的问题是，由于图像已经用 Photoshop 进行了圆化，边缘的边框看起来比应有的要薄

\n\n

您可以从这里查看。

\n\n

http://jsfiddle.net/fVNgA/

\n\n

怎样才能使边框均匀呢？

\n\n

img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #000; }\n<img src=\'http://carantina.com/wp/wp-content/themes/new/images/home_pic1.jpg\'>\xe2\x80\x8b\n

Run Code Online (Sandbox Code Playgroud)\n

html css xhtml image

SNa*_*aRe

lucky-day

5
推荐指数

1
解决办法

177
查看次数

如何在Asana中存档子任务？

我怎样才能在Asana中实现子任务？归档任务很容易,但我找不到存档子任务的方法.

asana

SNa*_*aRe

lucky-day

5
推荐指数

1
解决办法

1002
查看次数

ERR_SPDY_PING_FAILED error with Uploader Chrome ( DropZone )

I have an uploader based on http://www.dropzonejs.com/

When I upload a file bigger than 3 MB ( 13 MB ) with Chrome, I receive ERR_SPDY_PING_FAILED error in the console log.

When I upload the file, the progress bar stuck at a certain level. This is when we get this error.

I tried it with Safari, Firefox we don't have this problem.

I googled and found that others also complaining the same problem.

This is request headers from Chrome

Provisional headers …

Run Code Online (Sandbox Code Playgroud)

javascript google-chrome dropzone.js

SNa*_*aRe

2018 07-12

5
推荐指数

1
解决办法

3291
查看次数

如何使引导卡可点击？

为了在我的网站上使用，我正在尝试使引导卡可点击。但是当我用“ahref”链接包装盒子时，存在很多样式问题。盒子变小了。我尝试了很多替代方案，但我找不到为什么我遇到问题。

您还可以找到我已经做了一些测试的https://codepen.io/snarex/pen/ebQdgj。

section {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background-color: #f1f4fa;
}
.wrap {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

.wrap:hover {
    background: linear-gradient(135deg,#6394ff 0%,#0a193b 100%);
    color: white;
}

.ico-wrap {
    margin: auto;
}

.mbr-iconfont {
    font-size: 4.5rem !important;
    color: #313131;
    margin: 1rem;
    padding-right: 1rem;
}
.vcenter {
    margin: auto;
}

.mbr-section-title3 {
    text-align: left;
}
h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.display-5 { …

Run Code Online (Sandbox Code Playgroud)

html javascript css bootstrap-4

SNa*_*aRe

lucky-day

5
推荐指数

1
解决办法

1万
查看次数

如何为缩略图悬停添加标题 - Bootstrap？

我正在尝试使用此缩略图悬停字幕插件进行引导.

http://sevenx.de/demo/bootstrap/thumbnail-hover-caption.html

这是代码.

<div class="thumbnail">
                <div class="caption" style="display: none;">
                    <h4>Caption Title</h4>
                    <p><a href="#" class="btn btn-inverse" rel="tooltip" title="" data-original-title="Preview"><i class="icon-eye-open"></i></a> <a href="#" rel="tooltip" title="" class="btn btn-inverse" data-original-title="Visit Website"><i class="icon-share"></i></a></p>
                </div>
                <img src="http://placehold.it/600x400" alt="ALT NAME">
              </div>

Run Code Online (Sandbox Code Playgroud)

在此页面中,有一个部分'SlideIn/Out'.

当您将鼠标悬停在缩略图上时,它会滑入或滑出.这就是我要的.

但是,我还需要的是当我的光标没有悬停在缩略图上时,底部应该有一个小标题,我会在那里写一个标语.

所以基本上,默认位置将是小标题,当我的鼠标在缩略图上时它会滑入.

这是我需要的一个确切的例子.它可以浏览http://www.usatoday.com/news/

没有

在此输入图像描述