Tag: twitter bootstrap

Bootstrap不会加载rails和sass: 我是Rails的新手，我想在我的网站上使用Bootstrap，但Bootsrap不加载。有什么不对，我应该做些什么呢？我按照这本手册： Sass-Bootstrap 这些是我的文件：的Gemfile： gem ‘rails’, ‘3.2.16’ gem ‘ruby’ gem ‘bootstrap-sass’, ‘~> 3.3.5’ gem ‘sass-rails’, ‘>= 3.2’ gem ‘turbolinks’ application.scss @import “bootstrap-sprockets”; @import “bootstrap”; 的application.js //= require jquery //= require jquery_ujs //= require turbolinks //= require bootstrap //= require_tree . application.html.erb “all”, “data-turbolinks-track” => true %> true %> 我项目中的ruby版本是ruby 2.0.0p481我的Rails版本是： Rails 3.2.22

Twitter bootstrap datetime-picker在模态中没有正确显示: 我一直在使用twitter bootstrap datetime-picker和ruby on rails来显示日历，我也在一个模态中使用它，但它显示为部分，因为我试图在屏幕的底部显示 HTML JS $(document).ready(function(){ $(‘#datetimePicker’).datetimepicker(); }); 我也用过这个额外的CSS .bootstrap-datetimepicker-widget { z-index:99999 !important; }

查看rails在行单击时记录bootstrap模式中的详细信息: 我一直坚持这个问题很长一段时间，并查看了几个post，但是我无法完全达到我想要的Rails应用程序。基本上，我希望能够点击页面上的表格行并弹出一个模式，显示该特定记录的所有信息。以下是我一直想到/尝试过的场景：使用一些JS在表行中设置data-link属性，如下所示 HTML： <tr data-link="”> … JS： $(“tr[data-link]”).dblclick(function() { window.location = $(this).data(“link”) }) 这很好地打开了脚手架生成的show path页面，但是我无法修改它以使用模态并且在模态中为孩子提供相同的数据。使用data-id和JavaScript加载到模态 HTML： <tr data-id="”> … JS： $(function () { $(‘#showModal’).modal({ keyboard: true, backdrop: “static”, show: false, }).on(‘show’, function () { }); $(“.table-striped”).find(‘tr[data-id]’).on(‘click’, function () { debugger; $(‘#showDetails’).html($(” + ‘Kid ID: ‘ + $(this).data(‘id’) + ” + ”)); $(‘#showModal’).modal(‘show’); […]

无法在RubyMine中解析文件: 我正在尝试将RubyMine（v6.3.3）用于我的rails项目。根据https://github.com/twbs/bootstrap-sass中的说明添加bootstrap-sass gem后，RubyMine会抱怨我在application.js文件中添加的行。但是，该文件实际上在项目的外部库的范围内。项目本身按预期工作，只是这个RubyMine警告让我恼火。我错过了配置中的任何步骤吗？

无法让bootstrap-modal.js在Rails中工作: 我试图让bootstrap-modal.js在Rails中工作，但无法搞清楚。在这一点上，当我点击这个小提琴时，我只是试图让事件发生 http://jsfiddle.net/mjmitche/xt4aQ/16/ 在Rails中使用完全相同的代码当我点击时没有发生任何事情。我在视图中设置了这个html Demo × Modal Heading One fine body… Primary Secondary Launch Modal 并将bootstrap-modal.js复制到资产管道中的javascripts文件夹中在Rails中，但是当我点击我的rails应用程序中的启动时，什么也没发生

使用Rails 4.2配置react-bootstrap: 我想将React-bootstrap与我当前的Rails项目集成。我是ReactJS的新手，所以我认为使用react-bootstrap lib会让事情变得更容易。但是，我发现配置非常困难。假设有一个gem，但是一旦遵循README上的说明，它就会抛出“Permission denied”错误。我尝试从react-bootstrap网站剪切，它没有react-bootstrap语法。但是，我尝试使用Bower，npm，rails-assets gem等的所有解决方案都不会使react-bootstrap语法呈现。这是我的Button.js.jsx文件，它不会呈现给我的主页： var button = ReactBootstrap.Button({ bsStyle: “success”, bsSize: “large”, children: “Register” }); React.render(button, document.getElementById(“content”)); 非常欢迎提示和建议！

Rails 4 x Bootstrap 3 Datetimepicker：设计不好: 我想在我的Rails4应用程序中应用Bootstrap3 Datetimepicker 。但布局并不像这个页面那样好（在问题图像的中间）。 Rails 4 x Bootstrap 3 Datetimepicker：用datetimepicker替换默认的datetime_select 如果你能给我任何建议，我们将不胜感激。 _xxx_form.html.erb $(function () { $(‘#datetimepicker’).datetimepicker({format:’MMM-DD-YYYY’}); }); … 解决了！！！将f.label移动到之外后，布局如我所料。 … …

Rails中的Bootstrap gem: 我将创建一个新的Rails项目，我知道我应该使用gem’bootstrap-sass’，这对我来说不是问题。但我有一个问题 – 为什么我应该使用gem而不是直接向index.html添加一些文件（CSS和JS）？你能解释一下吗？提前致谢！

Bootstrap Accordion折叠没有正确索引div: 当尝试索引div以便折叠按钮将正确折叠时，它将我的json文件中每个类别中的每个第一个联系人索引为0，而不是连续地为每个联系人编制索引。这是我的erb文件： <button type="button" class="btn btn-info" data-toggle="collapse" data-parent="#accordion" data-target="#collapse”> <div id="collapse” class=”panel-collapse collapse”> json文件:(它将每个组中的名字索引，即“Manager，Team Lead”为0.我想要Rob = 0，Terry = 1，Ben = 3，依此类推。 { “Manager”:[ { “name”: “Rob”, “email”: “Rob@com”, “ext”: “ext:” } ], “Team Lead”:[ { “name”: “Terry”, “email”: “Terry@com”, “ext”: “ext” } ], “Unix Admins”:[ { “name”: “Ben”, “email”: “Benjamin@com”, “ext”: “ext” }, { “name”: […]

字体真棒图标对齐: 我正在使用bootstrap-sass和font-awesome-sass-rails gems，并通过添加到bootstrap-and-overrides.css.scss成功消除了重复的图标（来自glyphicons）： [class^=”icon-“] { background-image:none; } 但是，现在我遇到的问题是略有不合格的图标..这些字形是完美的。现在我看到了：我想将图标向下移动一个像素或2.请帮忙。谢谢。