小编Pin*_*ode的帖子

我需要使用Bootstrap 3模式框确认删除(是/否).我该如何创建呢？

HTML代码:

<form action="blah" method="POST">
    <button class='btn' type="submit" name="remove_levels" value="delete">
        <span class="fa fa-times"></span> Delete
    </button>
</form>

我使用bootstrap 3创建旋转木马,如下所示:

HTML:

<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="active item">
            <img src="http://rivathemes.net/html/envor/img/posts/3.jpg" class="img-big">
        </div>
        <div class="item">
            <img data-lazy-load-src="http://rivathemes.net/html/envor/img/posts/4.jpg" class="img-big">
        </div>
    </div>
    <div class="carousel-controls">
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="fa fa-angle-double-left fa-lg"></i></a>

<a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="fa fa-angle-double-right fa-lg"></i></a>

    </div>
</div>

并添加此代码以添加img延迟加载.

JS:

$('#myCarousel').on('slid', function () {
    var $nextImage = $('.active.item', this).next('.item').find('img');
    $nextImage.attr('src', $nextImage.data('lazy-load-src'));
});

但是,这对我不起作用!？可以解决这个问题吗？

重要问:我可以为延迟加载添加图像预加载器吗？!

演示:FIDDLE

我RTLbootstrap为RTL项目工作.现在我有任何形式的HTML5表单必需属性所需的消息.在行动中我有这个气球输入:

我需要改变这样的RTL:

HTML:

<div class="controls">
  <input class="span4" type="text" name="title" placeholder="Title"  value=""  required oninvalid="this.setCustomValidity(\'User ID is a must\')">
</div>

注意:这不是自定义工具提示或气球!如果我们在表单输入中添加所需的html标记.在提交表格之前HTML5 form required attribute自动显示此气球消息.我需要编辑/更改/设置CSS验证消息？

如何更改显示作秀必填字段消息在right的input领域？

我正在使用阿拉伯语引导程序寻求rtl支持.我有一个表和Bootstrap表插件.

HTML:

<table class="bootstrap-table" id="listComments">
    <tr>
        <th data-fixed="right">
            <input type="checkbox" id="checkAll" />
        </th>
        <th class="text-right">Title</th>
        <th style="width: 200px">Category</th>
        <th style="width: 140px">Created date</th>
        <th style="width: 100px">Status</th>
        <th data-fixed="left">Actions</th>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="id[]" class="itemCheckBox" value="6" />
            <input type="hidden" name="token[6]" value="b8c5b7b3584268c8a85f1a14c34699dd" />
        </td>
        <td>2323</td>
        <td>Project</td>
        <td>09-19-2014</td>
        <td> <a href="" class="label label-success">Published</a> 
        </td>
        <td> <a class="btn btn-info btn-xs" href="" title="Edit post"><i class="icon-edit"></i></a>
 <a class="btn btn-danger btn-xs confirmationDelete" href="" title="Delete post"><i class="icon-trash"></i></a>

        </td>
    </tr>
</table>

现在,我使用bootstrap表插件设计了我的表.插件使用:data-fixed="right"或data-fixed="left" …

我使用bootstrap select插件和jQuery验证时遇到问题.当我选择值时,错误消息This field is required不会删除正常验证(没有引导程序选择插件)后选择值错误消息自动删除.如何解决这个问题？

的jsfiddle

HTML:

<form id="myform"> <----With Select Plugin
    <select name="year" class="selectpicker">
        <option value="">Year</option>
        <option value="1">1955</option>
        <option value="2">1956</option>
    </select>
    <br/>
    <input type="submit" />
</form>
<form id="myform1"> <----Without Select Plugin
    <select name="fruit">
        <option value="">Year</option>
        <option value="1">1955</option>
        <option value="2">1956</option>
    </select>
    <br/>
    <input type="submit" />
</form>

JS:

$(document).ready(function () {
    $('.selectpicker').selectpicker();


    $('#myform').validate({ // initialize the plugin
        ignore: [],
        rules: {
            year: {
                required: true
            }
        },
        errorPlacement: function(error, element) {
            if (element.attr("name") == "year") {
              error.insertAfter(".bootstrap-select");
            } else …

我对bootstrap标签输入插件具有以下功能：

$(document).ready(function () {
    $('input').tagsinput({
        typeahead: {
            source: function (query) {
                return $.getJSON('citynames.json');
            }
        }
    })
});

但是此插件不起作用。我认为它与jQuery有冲突(document).ready。我怎样才能解决这个问题？

JSFIDDLE（用于更好地理解代码）

我需要阻止对.htaccess文件的访问。我的文件是：

# secure htaccess file
<Files .htaccess>
 order allow,deny
 deny from all
</Files>

# disable directory browsing
Options All -Indexes

当我检查网址时：

http://localhost/cms/htaccess

我看到.htaccess文件数据

我如何prevent/deny访问.htaccess文件？

我使用flash CSS3 animate设计bootstrap错误框像这段代码:

HTML:

<div class="alert alert-danger flashit">error error</div>

CSS:

.flashit {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}

这工作和工作flash动画但是,我需要显示两次flash动画效果.

怎么创造这个？

DEMO FIDDLE

我.zip使用此PHP类下载具有格式的back文件：

public function download($file)
    {
        $filename = $this->dir . $file;
        $fp = fopen($filename, "rb");
        header("Pragma: public");
        header("Expires: 0");
        header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
        header("Cache-Control: public");
        header("Content-Description: File Transfer");
        header("Content-type: application/octet-stream");
        header("Content-length: " . filesize($filename));
        header("Content-disposition: attachment;filename = " . $file . "");
        header("Content-Transfer-Encoding: binary");
        readfile($filename);
        ob_end_clean();
        die(fpassthru($fp));
        fclose($fp);
    }

这工作，我下载.zip文件成功。但是当我需要.zip使用Winrar 提取文件时，我看到此错误：

db-backup-2014-11-15_14-18-48-12.zip: The archive is either in unknown format or damaged。

下载中：

公开：

在提取物中：

注意：我的原始文件可以正常工作，并且可以使用winrar很好地提取。

我认为我的问题是CRC32 = 0000000（在屏幕一中），因为在原始文件中具有真实值。

如何解决这个问题？

我使用X-tabs插件使用bootstrap 3选项卡和样式:

HTML:

<div class='tabs-x tabs-below'>
    <div id="myTabContent-2" class="tab-content">
        <div class="tab-pane fade in active" id="home-2">
            <div class="col-xs-4 col-md-2">
                <p>The FALSE Tabs</p>
            </div>
        </div>
        <div class="tab-pane fade" id="profile-2">
            <p>The True TaBs WORKED</p>
        </div>
    </div>
    <ul id="myTab-2" class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#home-2" role="tab" data-toggle="tab">Home</a>

        </li>
        <li><a href="#profile-2" role="tab-kv" data-toggle="tab">Profile</a>

        </li>
    </ul>
</div>

我添加标签内容新的div像这样:

<div class="col-xs-4 col-md-2"></div>

在行动中,这div显示在标签内容中,而不是工作.我怎么能解决这个问题？!

DEMO FIDDLE(检查第一个选项卡并查看问题,第二个选项卡工作正常)