小编luq*_*o33的帖子

如何使内容触摸Bootstrap中视口的边缘

我无法通过Twitter Bootstrap使内容触及浏览器的边缘.

我正在开发一个全宽的网站,其中有图像触及视口的边缘.我已经将.container-fluiddiv用于我.rowcol-div.

到目前为止我尝试了什么:

  1. 我尝试删除填充.container-fluid,但不幸的是,这使得水平滚动条出现在浏览器中;
  2. 我附加了一个自定义类,它从个体中删除了填充col-'s,但这似乎不适合使用核心Bootstrap网格系统来实现这样一个简单的效果.更重要的是,目的不是去除所有排水沟,而是排在第一个和最后col-一个row排水沟(分别是左右排水沟)
  3. 我在我的网站上向不同的元素引入了负边距,这样它们就会消耗我想要摆脱的浏览器两侧的填充 - 但是,这也会使水平滚动条出现.

我已经在网上找到了解决这个问题的方法,但不幸的是,没有提供明确的答案.

简明扼要地说:

使用Bootstrap进行开发时,如何使内容触摸视口的边缘?

twitter-bootstrap

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

在jQuery中在链式事件处理程序之间传递局部变量

我正在构建一个简单的jQuery脚本,它将替换<img>我网站上元素的源图像.我想知道是否可以将局部变量从一个事件处理程序(for mouseenter)传递给该mouseleave事件的下一个链接处理程序.这是我的代码:

            $("#homepage-media-slider li > img").on('mouseenter', function() {
                var ele = $(this);
                var eleSrc = $(this).attr('src');
                var overleafImage = $(this).attr('data-overleaf');
                ele.attr('src', overleafImage);
                ele.attr('data-overleaf', eleSrc);
            }).on('mouseleave', function() {
               ....
            });
Run Code Online (Sandbox Code Playgroud)

我希望能够使用ele,eleSrcoverleafImage在事件处理程序的mouseleave事件处理程序中,以节省自己不得不在此处理程序中再次编写相同的代码.有可能,如果是的话,怎么样?

javascript jquery

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

使用CSS重叠颜色创建不规则边框

您将如何创建具有可变颜色的不规则边框(如屏幕截图中的那个)?

在此输入图像描述

我考虑在图形编辑器中创建边框图像,然后使用文档中border-image描述的属性.

然而,这种技术不允许我实现进入边界"波浪"的多种背景颜色(屏幕截图中的灰色和白色)的效果.

另一种解决方案是在Photoshop中生成整个背景白色和灰色,然后在网站上使用它.出于性能原因,我真的想避免这种情况,并且更愿意只生成一个灰色的,经过检查的模式片段并重复它.

此外,正如您在屏幕截图中看到的,黑暗片段是来自旋转木马的图像 - 图像将全部采用不同的颜色,因此将边框图像应用于旋转木马容器也不是解决方案.

我很感激一些建议.谢谢.

css svg image css3 css-shapes

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

NGINX ngx_http_geoip_module,支持 MaxMind .dat 和 .mmdb IP 数据库

我已经成功地将 NGINXngx_http_geoip_module与 MaxMind 的 IP 数据库结合使用.dat,扩展名:

http { geoip_country GeoIP.dat; geoip_city GeoLiteCity.dat; geoip_proxy 192.168.100.0/24; geoip_proxy 2001:0db8::/32; geoip_proxy_recursive on;

然而,.dat这是一种遗留格式。MaxMind 现在以二进制格式分发 IP 数据库.mmdb

NGINX 是否像它一样ngx_http_geoip_module支持格式?.mmdb.dat

nginx maxmind

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

jQuery - 在 each() 循环中选择具有“隐藏”属性的 DOM 元素

我需要选择所有<select>添加了“隐藏”属性的元素。这是标记:

<optgroup label="Label 1">
    <option value="978" hidden>Option 1</option>
    <option value="987" hidden>Option 2</option>
    <option value="987" hidden>Option 3</option>
    <option value="987">Option 4</option>
</optgroup>
Run Code Online (Sandbox Code Playgroud)

我只展示了一个<optgroup>,但标记中有很多。

到目前为止,我想出了这个代码:

jQuery('optgroup').each(function() {
    var options = jQuery(this).find('option');
    jQuery.each(options, function(index, value) {
        if ($(value).data('hidden') !== undefined) {
            console.log('Found it!');
        }
   });
});
Run Code Online (Sandbox Code Playgroud)

不幸的是,里面的代码条件永远不是真的。我在这里缺少什么?

javascript each jquery

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

标签 统计

javascript ×2

jquery ×2

css ×1

css-shapes ×1

css3 ×1

each ×1

image ×1

maxmind ×1

nginx ×1

svg ×1

twitter-bootstrap ×1