如何在Bootstrap中实现以下两列布局？

• 第1栏：宽度调整为可用大小，介于最小宽度和最大宽度之间
• 第2栏：固定尺寸宽度

例如，如果我有：

• 栏1分钟宽度：300像素
• 第1栏最大宽度：800像素
• 第2栏宽度：400像素

在具有800px可用宽度的分辨率中，我希望两列都为400px宽。在具有2000px的分辨率的情况下，我希望第一列为800px，第二列为400px，并且屏幕右侧将有800px的空白。

如果旋转木马在第一个项目上,如何隐藏左控件,如何在旋转木马位于最后一个项目时隐藏右控件.

我的下面的代码成功地隐藏了控件,但是在页面加载时,就好像旋转木马的第一个项目在中间,用户可以通过左或右控件一直进入.

http://bootply.com/99354

谢谢

我已经创建了一个名为的节点库文件encrypt.js.

其中包括使用bcrypt-nodejs创建的一些函数

var bcrypt = require('bcrypt-nodejs');

exports.cryptPassword = function(password, callback) {
    bcrypt.genSalt(10, function(err, salt) {
        if (err) return callback(err);
        else {
            bcrypt.hash(password, salt, function(err, hash) {
                return callback(err, hash);
            });
        }
    });
};

exports.comparePassword = function(password, userPassword, callback) {
    bcrypt.compare(password, userPassword, function(err, isPasswordMatch) {
        if (err) return callback(err);
        else return callback(null, isPasswordMatch);
    });
};

当我现在cryptPassword从我的server.js文件中使用时,它显示来自bcrypt-nodejs库的错误说明' no callback function was given'

我在我的通话中添加了一个功能,如下所示

var encryptedPassword =  encrypt.cryptPassword(req.body.user.password, function (err, salt){
    if(err) {throw err}; …

我正在为我的Web应用程序使用bootstrap,我在验证消息时遇到问题,因为它将消息状态置于正确的位置.现在我在此链接中使用此示例,使用以下代码:

<div class="control-group error">
  <label class="control-label" for="inputError">Input with error</label>
  <div class="controls">
    <input type="text" id="inputError">
    <span class="help-inline">Please correct the error</span>
  </div>
</div>

现在我使用的代码:

<h4 class="form-signin-heading">Please sign in</h4>
<div class="control-group">
    <div class="controls">                 
        @Html.TextBoxFor(u => u.Username, new {placeholder="Username", @class="form-control username", id="inputError"}) 
        <span class="help-inner">@Html.ValidationMessageFor(u => u.Username)</span>                        
    </div>

    <div class="controls">       
        @Html.PasswordFor(u => u.Password, new {placeholder="Password", @class="form-control password"}) 
        @Html.ValidationMessageFor(u=> u.Password)
    </div>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>

我的代码执行此操作(也在小提琴中:http://jsfiddle.net/4h5E5/1/):

但我的不满是将验证消息放在这个位置(如链接中的示例):

我正在为我的项目使用SonataAdminBundle,我想覆盖一个块.

如果我在app/Resources/views/SonataAdminBundle/views/standard_layout.html.twig清除缓存中创建模板并执行此操作:

{% extends 'SonataAdminBundle::standard_layout.html.twig' %}

{% block theBlockIWantToOverride %}
{% endblock %}

我收到一个Maximum function nesting level of '250' reached, aborting!错误.

如果我删除该extends部件,则会呈现空白页面.相反,我必须将整个文件内容复制到这个新文件,然后更改块内容.我知道这是Symfony2的工作原理,我只是不知道是否有一个没有所有代码的解决方法？

我想这样做的原因是因为我使用了SensioLabsInsight而且它一直在困扰raw着SonataAdminBundle使用的枝条过滤器.我知道我可以忽略警告,但感觉不对.

此外,我尝试通过创建一个包来覆盖该包php app/console generate:bundle,然后在src/Vendor/AdminBundle/VendorAdminBundle.php中添加:

/**
 * {@inheritdoc}
 */
public function getParent()
{
    return 'SonataAdminBundle';
}

并完成了上述过程,添加了一个src/Vendor/AdminBundle/Vendor/Resources/views/standard_layout.html.twig没有解决问题.再次,得到了嵌套级错误.

我想通过链接生成一个带有"PUT"或"POST"方法要求的网址<a href>.

由于我使用框架服务器端,我使用假表单来执行此操作 - 使用PUT方法的示例:

<form action="someActionUri" method="post">
      <input type="hidden" name="_method" value="PUT" />
      <input type="submit" value="GO PUT" />
</form>

但是,我想使用一个简单的<a>链接:(

我正在尝试使用twitter bootstrap在word press中创建一个响应主题.在我的网站上有一个侧边栏,用于显示日历和约会表格.如果用户使用手机或平板电脑,我需要显示一个按钮而不是这个按钮.如果用户使用桌面浏览器,那么他/她可以直接在页面中看到日历和表单.我应该这样做.任何的想法？？

我正在尝试使用 sonata admin bundle 执行文件上传。
但是当我按下创建表单中的创建按钮时，就会出现此错误。

预期参数类型为“AppBundle\Entity\UploadedFile”、“Symfony\Component\HttpFoundation\File\UploadedFile”

我的实体文件

<?php

namespace AppBundle\Entity;

use Doctrine\ORM\Mapping as ORM;

/**
 * BlogPost
 *
 * @ORM\Table()
 * @ORM\Entity
 */
class BlogPost {

    const SERVER_PATH_TO_IMAGE_FOLDER = '/uploads';

    /**
     * @var integer
     *
     * @ORM\Column(name="id", type="integer")
     * @ORM\Id
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    private $id;

    /**
     * @var string
     *
     * @ORM\Column(name="title", type="string", length=255)
     */
    private $title;

    /**
     * @var string
     *
     * @ORM\Column(name="body", type="text")
     */
    private $body;

    /**
     * @var string
     *
     * @ORM\Column(name="filename", type="text")
     */
    private $filename; …

我有一个模式弹出窗口(来自bootstrap)打开并包含一个带有daterangepicker的文本输入,但是daterangepicker不起作用(我点击文本框时什么都看不到),我在控制台中看不到任何错误.

这是输入:

<div id="divChooseDossier" class="modal hide fade" role="dialog" aria-hidden="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>@DossierReceipts.ChooseDossier</h3>
</div>
<div class="modal-body">
<input type="text" class="datePicker ui-rangepicker-input search-query input-small"
                id="lastModifiedDateFilter" />
</div>
<div class="modal-footer">
    <a href="#" class="btn" onclick="$('#divChooseDossier').modal('hide')">@DossierReceipts.Cancel</a>
</div>

这是创建daterangepicker的javascript:

$("#lastModifiedDateFilter").daterangepicker({
        dateFormat: "yy.mm.dd"
        , rangeSplitter: '-'
    });

这是打开弹出窗口的javascript:

$("#divCreateReceipt").modal("show");

有谁知道为什么这不起作用？谢谢

UPDATE

以下是弹出窗口的完整代码:

@{
ViewBag.Title = "Dosare";
}
@using ExpertExecutor.Resources.Dossier



@section leftMenu{
@Html.Partial("_LeftMenu")
}



@Scripts.Render("~/bundles/daterangepicker")
@Scripts.Render("~/bundles/watermark")
@Styles.Render("~/Content/daterangepicker")

<script src="@Url.Content("~/Scripts/jquery.watermark.min.js")" type="text/javascript">     </script>
<script src="@Url.Content("/Scripts/jquery.jqGrid.fluid.js")"></script>

@Html.Hidden("redirectUrl", (string)ViewBag.RedirectUrl)

<div class="form-search form-inline alert alert-info">
<fieldset>
    <legend>@Index.FiltersCaption</legend>
    <dl>
        <dd> …

我试图将一个按钮放在一个bootstrap 3旋转木马上,这个按钮悬停在旋转木马上方.

我尝试将按钮包装在div类中,并使用text-align:center; 或保证金:0自动; 没有成功.

我可以手动设置.hover-class的margin-left; 这会起作用,但它并不完全集中.如何居中我的按钮？

这是我的代码:

HTML:

<!--The slider-->
<section>
    <div class="hover-slide">
            <a href="#page-intro" class="btn btn-default start-me">Let's go</a>
    </div>
    <div id="slider-top" class="carousel slide" data-ride="carousel">

        <!--Indicators-->
        <ol class="carousel-indicators">
            <li data-target="#slider-top" data-slide-to="0" class="active"></li>
            <li data-target="#slider-top" data-slide-to="1"></li>
            <!--<li data-target="#slider-top" data-slide-to="2"></li>-->
        </ol>


    <!--Wrapper for the the slide-->
    <div class="carousel-inner">
        <!--specify first slide-->
        <div class="item active">
            <img src="img/01.jpg" alt="Foto1">
            <div class="carousel-caption">
                <h3>TEST</h3>
            </div>
        </div>
        <!--specify second slide-->
        <div class="item">
            <img src="img/02.jpg" alt="Foto2">
            <div class="carousel-caption">
                <!--<a href="#page-intro" class="btn btn-default start-me">Let's go</a>-->
                <h3>TEST SLIDE 2</h3> …