Tag: css
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移动到 之外后，布局如我所料。 … …
如何使可点击的hover背后的东西？
用户将鼠标hover在glyphicon-globe图像上，在其后面有一个类似按钮和注释表单。 当用户点击按钮或评论表单时没有任何反应。 我怎样才能点击全球背后的可点击内容？ 视图 @challenge.id), class: “btn”, method: :post do %> Like CSS .image-container { position: relative; height: auto; #image-foreground { position: absolute; z-index: 2; opacity: 1; &:hover { opacity: 0; } } } .text-wrapper { opacity: 1; } 没有hover 徘徊
字体真棒图标对齐
我正在使用bootstrap-sass和font-awesome-sass-rails gems，并通过添加到bootstrap-and-overrides.css.scss成功消除了重复的图标（来自glyphicons）： [class^=”icon-“] { background-image:none; } 但是，现在我遇到的问题是略有不合格的图标..这些字形是完美的。 现在我看到了： 我想将图标向下移动一个像素或2.请帮忙。 谢谢。
使用css，twitter-bootstrap和simple_form对各个布尔值的复选框进行分组
你能帮我格式化这个simple_form吗？ 我使用这个表格： { :class => ‘form-horizontal’} do |f| %> {:class => “span6”, :rows => 2}%> {:class => “span6”, :rows => 2}%> :hidden, :input_html => { :value => @my_model.id }%> ‘btn-primary’ %> t(“helpers.links.cancel”)), special_path, :class => ‘btn’ %> 我想将布尔值显示为两列复选框，每列垂直堆叠，每列有4个复选框。 就像是 Some text: [input] A description: [input] bool1 bool5 bool2 bool6 bool3 bool7 bool4 bool8 我在这里克隆了git存储库http://simple-form-bootstrap.plataformatec.com.br/articles/new ，查看代码，运行它，我看到它有效。 […]
Rails 5白名单css属性为sanitize帮助
我需要允许内联”style=position: absolute;” 由sanitize(post.content)输出sanitize(post.content) 。 我找到了Rails 4的文档说 config.action_view.sanitized_allowed_css_properties = [‘position’] 在application.rb中会添加属性到白名单，但是我找不到文档是否仍然是Rails 5的情况，并且它在多次重启服务器后似乎没有工作。 有没有办法轻松添加白名单css属性？ 这个Rails 4的答案暗示了一个猴子补丁，但我不知道在哪里或如何这样做。 更新：安装gem rails-deprecated_sanitized允许上面的配置行工作，因此看起来不推荐使用sanitized_allowed_css_properties。 当然有一种方法可以在Rails 5中做到这一点？ 我不能回到4，我需要将内联样式位置列入白名单，以便让第三方插件工作（CKEditor + Iframely）
CSS在Heroku上返回“内部服务器错误”
我正在使用Rails 3.1.1并且有一个网站，其中设置了样式表，根据季节等情况改变了一年，如下所示： 使用theme_winter.css放在stylesheet-folder中名为themes的文件夹中。 我在线使用Memcachier看起来像这样： 这在我的本地机器上完全正常，但在Heroku上冬季样式表（和类似的）不会加载。 如果我观看页面源并单击链接（在页面源中，为了查看css），我的Web浏览器中显示此错误： Internal Server Error Internal Server Error undefined method `each’ for nil:NilClass WEBrick/1.3.1 (Ruby/1.9.2/2011-07-09) at www.mydomain.com:80 我真的不明白为什么它指的是每个’为nil：NilClass`的undefined method 。 这没有意义！ 我相信这个问题与缓存有关，因为它在我实现Memcachier之前曾经工作过，但我也记得这个错误。 无论如何，我试图添加:cache => false并使用git add -A上传新文件，但没有任何运气。 我真的看不出有什么问题。 我从未在CSS中看到过这样的错误！ 你可以帮帮我吗？
Javascript在dev中工作但不是prod。 寻求建议
我所有的js和css都在dev中工作但不是prod。 我已经解决了这个问题2周了。 请指教。 特别是类型提前下降不起作用。 我已经尝试了很多重新排序等等，但如果你看到了什么，请告诉我。 我已经尝试过预编译而不是预编译。 我试过更改配置文件的值。 布局/ application.html.erb： production.rb： myApp::Application.configure do # Settings specified here will take precedence over those in config/application.rb # Code is not reloaded between requests config.cache_classes = true # Full error reports are disabled and caching is turned on config.consider_all_requests_local = false #default false ^^ config.action_controller.perform_caching = true # Disable […]
rails图像标记中的多个图像
我想知道是否可以将数组传递给rails图像标记。 该arrays将包括一系列png图像，我希望视图在旋转时显示这些图像。 有谁知道这是怎么做到的吗？ 这不起作用。 我似乎无法找到说明（rails指南建议你可以将一个数组传递给video标签帮助器，所以我想知道是否有办法对图像做同样的事情）。 非常感谢你。
Bootstrap更改Navbar链接颜色
我知道这个话题已经被打死了，但我读到的内容并没有奏效。 我只是想将我的bootstrap导航栏中的链接更改为白色。 我知道我有CSS，因为我可以改变字体大小，但不能改变颜色。 nav .navbar-nav li{ color: white !important; font-size: 25px; } Bartlett Containers LLC
DataTables JQuery插件和Rails表样式
我上周刚拿起Ruby for Rails，我猜我的资产管道存在问题。 具体来说，我想覆盖Rails 4应用程序中DataTables表的默认样式，但更改custom.css.scss什么都不做。 样式显然来自dataTables / jquery.dataTables。 我所要做的就是对表格进行条纹处理，使交替的行具有不同的背景颜色，沿着以下行： tr.odd { background-color: pink; } tr.even { background-color: red; } 确切地说，这个datatables.css文件安装在我的应用程序的文件树中，以便我可以编辑或替换它，或者如果它不是本地的，我可以在哪里安装我自己的自定义文件来覆盖其规范？ application.css： *= require_self *= require_tree . *= require jquery.ui.core *= require jquery.ui.theme *= require dataTables/jquery.dataTables 注意：如果我删除了jquery.dataTables要求，我的custom.css.scss生效。 的Gemfile： # Use jquery as the JavaScript library gem ‘jquery-rails’ # JQuery UI gem ‘jquery-ui-rails’ # Datatables JQuery plugin […]
