小编onj*_*ers的帖子

我正在尝试使用Twitter Bootstrap找到一种相对简单的方法来为我的容器添加填充.一切正常,但在某些分辨率下,窗口不适合屏幕.我想我必须通过从各种跨度类中删除一些宽度来补偿填充？

这是相当辛苦的工作,仅仅数学是有问题的.出于这个原因,也许最好使用Bootstrap显然附带的较少文件.

唯一的问题是我似乎无法在任何地方找到它们.这些文件确实存在吗？不幸的是,我只知道如何使用像Codekit这样的应用程序而不是使用命令行.

或者,如果其他人知道有任何方法将填充添加到容器中,那将非常感激.谢谢.

我意识到Twitter Bootstrap中的填充已经有点死亡,我之前已经设法实现了它,但我目前仍然试图让我的三span4列很好地坐在填充的白色背景行上.

我尝试了各种方法来添加额外的,无意义div但无济于事的.

我试过了:

<div id="mydiv">

            <div class="wrap">

                <div class="row">

                    <div class="span4">
                        <ul>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                        </ul>
                    </div> <!-- .span4 -->

                    <div class="span4">
                        <ul>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                        </ul>
                    </div> <!-- .span4 -->

                    <div class="span4">
                        <ul>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                            <li>Random link</li>
                        </ul>
                    </div> <!-- .span4 -->

                </div> <!-- .row -->

            </div> <!-- wrap -->

        </div> <!-- mydiv --> …

我正在尝试使用Twitter Bootstrap中的模态来实现联系表单.

理想情况下,我希望前两个字段集彼此对齐,第三个字段集(包含textarea和提交按钮)占用模态的整个宽度.

我试图使用行和跨度来使它们很好地发挥,但我不确定在去的路上.看起来似乎没有一个span12开头.

还有其他人有类似的东西吗？

我遇到了将砌体与Foundation网格布局集成的问题.基本上具有相同宽度的图像具有不同的高度,砖石按预期工作,但在某些断点处,网格仅具有两列布局而不是通常的四列.

但是,如果您继续最小化浏览器宽度,则返回四列,因此不能显示它们的空间.

var $container = $('#work_grid');

$container.imagesLoaded( function(){
 $('#work_grid').masonry({
  itemSelector: '.work_item',
  isAnimated: true,    
});

HTML

<div class="row">
    <div class="twelve columns">
        <div id="work_grid" class="block-grid four-up">
            <li class="work_item"><img src="stylesheets/images/work1.jpg" alt=""></li>
            <li class="work_item"><img src="stylesheets/images/work2.jpg" alt=""></li>
            <li class="work_item"><img src="stylesheets/images/work3.jpg" alt=""></li>
            <li class="work_item"><img src="stylesheets/images/work4.jpg" alt=""></li>
            <li class="work_item"><img src="stylesheets/images/work5.jpg" alt=""></li>
            <li class="work_item"><img src="stylesheets/images/work6.jpg" alt=""></li>
            <li class="work_item"><img src="stylesheets/images/work7.jpg" alt=""></li>
        </div> <!-- /.block-grid four-up -->
    </div> <!-- /.twelve columns -->
</div> <!-- /.row -->

对于那些没有完全实现html5表单的浏览器(涉及Modernizr,YepNope,Jquery验证的解决方案......),我已经看到了很多不同的回退建议,但是我还没有设法得到任何有效的工作.

基本上除了添加一个我已经设法使用Modernizr和JQuery datepicker的日期选择器,我真正需要做的是让验证在所有浏览器中工作(主要优先级是电子邮件验证)

Chrome和FF一切似乎都是本机工作,但令人惊讶的是Safari没有正确的电子邮件地址验证.IE显然也不支持它

任何人都可以帮助一个相当简单的后备(可能通过Modernizr)？

谢谢

我试图弄清楚是否有一种相对简单的方法(我对JQuery不熟练)在表单提交后保持模态打开.(表格包含在模态中).

如果表单成功或有错误,我的PHP将显示它们,但是一旦按下提交按钮,模态就会关闭.

如果我重新加载表单,我可以看到相应的成功或错误消息,所以一切正常,但我希望最终用户看到该消息,然后单击以关闭该模式.

如果有帮助,我可以发布我的代码.

谢谢.

<?php 
$success_message = "<h3 class='success'>Thank you, your message has been sent.</h3>"; 
$success = false; // we assume it and set to true if mail sent
$error = false;

// set and sanitize our form field values

$form = array(
  'Name' => $sanitizer->text($input->post->name),
  'Email' => $sanitizer->email($input->post->email),
  'Phone number' => $sanitizer->text($input->post->phone),
  'Type of client' => $sanitizer->text($input->post->client_type),
  'Service client is after' => $sanitizer->text($input->post->service),
  'Further information' => $sanitizer->textarea($input->post->information)
);

$required_fields = array(
  'name' => $input->post->name,
  'email' => $input->post->email
); …

我正试图弄清楚是否有设置在Zurb Foundation中很好地淡出标签.

如果没有,有没有人知道手动实现这个的最佳方法？

在jQuery中定位什么？

谢谢.

现在无数次我尝试将自己的jQuery添加到Foundation项目时遇到了问题.

这与基金会使用"无冲突"的方式有关吗？添加自己的脚本的正确步骤是什么？

我在调用foundation.min.js之后尝试包含对scripts.js文件的调用,但是一些非常简单的slideToggle调用根本没有运行.然而,当我删除对foundation.min.js的引用时,一切正常.

我也遇到过外部脚本文件的问题.

有小费吗？谢谢.

我经常构建网站,其容器就像在不同颜色的背景上的白页一样,网站的内容位于该白页内,并带有一点填充,使其不会碰到两侧.

使用响应式网格时,这非常具有挑战性.如果我在容器中添加50px的填充,在某些分辨率下工作完美但在其他尺寸下,页面对于屏幕来说变得太大,这显然与bootstrap的CSS中为某些媒体查询定义的宽度有关.

我开始进入每个媒体查询并做一些数学运算,以确定需要从每个跨度和每个偏移量中减去多少像素,以便页面在任何给定的分辨率下正确显示但是我停下来思考,必须是一个更好的方式!

我并不反对做必要的工作,但是当我看到自己在许多(如果不是全部)结核病项目中遇到这个问题时,我想我觉得我正在以最合乎逻辑且最容易重复的方式接近这个过程.

您会手动更改每个跨度和偏移的像素大小吗？或者还有另一种更明智的方法来接近填充容器？

我非常感谢你的想法!谢谢.