小编mad*_*th3的帖子

我正在写一个包含三个文本输入字段的表单.我曾经习惯text_field_tag创造它们

<%= text_field_tag(:input_first) %>
<%= text_field_tag(:input_second) %>
<%= text_field_tag(:input_first) %>

我使用bootstrap css.我想使第二个输入大于第一个和第三个输入.我怎样才能做到这一点？

我已经尝试过以下,甚至更多,输入字段大小没有变化.

第一

<%= text_field_tag(:input_second, :input_html => { :class => "input-large"})  %>

第二

<%= text_field_tag(:input_second, nil, :class => "input-large")  %>

第三

<%= text_field_tag(:input_second, nil, :size=> 30)  %>

第四

<span class="input-large">
 <%= text_field_tag(:input_second) %>
</span>

我做错了什么？我是rails/css/html ps的初学者:我应该使用text_field_tag还是text_field？

我已经基于Bootstrap框架创建了一个完全响应的网站.在浏览器中,所有响应功能都按照我的要求运行,但是,它似乎不适用于我的iPhone.我还在看一个完整的网站.

有没有人有这个问题或者会知道可能是什么原因？

我想以垂直格式使用twitter bootstrap进度条,即+ 90Degrees.

昨天我使用的是自举颜色选择器:http://www.eyecon.ro/bootstrap-colorpicker/

简单的HTML代码是:

<link rel="stylesheet" href="vendor/colorpicker/css/colorpicker.css">

    <div class="colorpicker" id="yellow">
        <a href=""></a>
    </div>

<script src="vendor/colorpicker/js/colorpicker.js"></script>

js是:

$ ('. colorpicker'). colorpicker ()

不幸的是我没有任何效果,因为谷歌浏览器中的控制台给了我这个错误:

 Uncaught TypeError: Object [object Object] has no method 'colorpicker'

我不明白是什么导致了这个错误.

我试图让我的引导工具提示与动态创建的内容一起工作,我被告知要使用它,但它似乎没有把我的工具提示放到底部我的代码有什么问题

javascript:

$('body').tooltip({
    selector: '[rel=tooltip]',
    placement: 'bottom'
});

JSFiddle:http://jsfiddle.net/MyxhA/

编辑: $('[rel=tooltip]')不适用于动态添加的内容

我正在尝试使用flask和bootstrap3构建一个网站.但我发现glyphicons的官方网站说Copy over all the font files to a /fonts directory near your CSS.,但在我将fonts目录放在css文件的同一目录后,图标仍然没有出现.

所以我看的是:

• 单击可折叠对象的标题时,不会发生任何事情
• 虽然$("#collapseOne").collapse('toggle');或$("#collapseTwo").collapse('toggle');应该成功

Collabsable对象:

    <div class="accordion" id="accordion2">
      <div class="accordion-group mzti-transparent-border" id="id-group-1">
        <div id="id-header-1" class="accordion-heading mzti-bg-image-1">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">

            </div>
          </a>
        </div>
        <div id="collapseOne" class="accordion-body collapse in">

          <div class="accordion-inner">


          </div>
        </div>
      </div>
      <div class="accordion-group hide mzti-transparent-border mzti-height" id="id-group-2">
        <div id="id-header-2" class="accordion-heading width-100 mzti-bg-image-2 margin-top-22px ">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">

          </a>
        </div>
        <div id="collapseTwo" class="accordion-body collapse">
          <div class="accordion-inner">

          </div>
        </div>
      </div>
    </div>

我正在尝试使用Bootstrap Glyphicon作为图像链接.这是我正在使用的当前语法:

 <?php echo $this->Html->link('<i class="icon-align-left"></i>', array('controller' => 'links', 'action' => 'edit', $link['id'],$contract['Contract']['id'])); ?>

这个输出返回一个工作链接,但只是

<i class="icon-align-left"></i> 

而不是形象.

有什么建议？

使用FF错误控制台查看我的Bootstrap网站时出现此错误

错误:ReferenceError:未定义jQuery源文件:http://localhost/cap3boot/js/bootstrap.js 行:6

我所有的JS文件都链接到正确的目录.

下拉菜单似乎工作正常.我应该担心吗？有任何想法吗？

我想问一下在启动时是否有办法过滤数据表服务器端？

我尝试过这样的代码:

function listTable(arg1, param2, value3) {
var searchTbl = $("#tblsearch").dataTable({
                    "bRetrieve": true,
                    "bProcessing": true,
                    "bServerSide": true,                   
                    "sAjaxSource": "server-side.php",
                    "bPaginate": false,
                    "bLengthChange": false,
                    "bFilter": false,
                    "bSort": true,
                    "bInfo": false,
                    "bAutoWidth": false
                });

searchTbl.filter(arg1, param2, value3);
searchTbl.fnDraw();
}

但它不起作用.