Tag: css

在Wails应用程序中实现WrapBootstrap主题

我刚买了一个wrapbootstrap主题，我试图将它插入我的rails应用程序。 一些像填充，导航栏，glyphicons和大多数javascripts的CSS都无法正常运行。 我将所有样式表和javascripts分别复制到assets / stylesheets和assets / javascripts中。 知道如何解决这些问题吗？

jQuery在JSFiddle中工作但在本地RoR环境中不起作用？

目前我有两个JavaScript函数。 “全部检查”function在JSFiddle和本地环境(http://0.0.0.0:3000)中都能很好地工作。 但是，“选择动物”或仅选择表单中特定选项的函数仅适用于JSFiddle，但不适用于本地环境。 我想知道是什么导致了这个问题。 以下是我的“_form.html.erb”中的代码： checked = false; function checkedAll () { if (checked == false){checked = true}else{checked = false} for (var i = 0; i < document.getElementById('myform').elements.length; i++) { document.getElementById('myform').elements[i].checked = checked; } } Foo1 Bar2 Rah3 Check all: function checkAnimal () { var values = [‘1’, ‘2’, ‘4’, ‘5’]; $(“#list”).find(‘[value=’ + values.join(‘], [value=’) […]

Heroku不提供背景图片，localhost呢？

我的rails应用程序有问题（Rails 4.0.0.rc2，ruby 2.0.0p195）。 行为很奇怪：我的localhost正确显示背景图片，Heroku没有。 在heroku日志中，我可以看到以下错误： ActionController::RoutingError (No route matches [GET] “/assets/piano.jpg”): 我通过在custom.css.scss中插入以下代码来创建背景图像： .full { background: image-url(“piano.jpg”) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 我用以下代码触发了这个，我在静态页面上有这个代码： …. 我已经在生产中运行了gem： group :production do gem ‘pg’ gem ‘rails_12factor’ end 在production.rb中，我将以下设置设置为true： config.serve_static_assets = true 但是，图像未显示。 你能帮我吗？

为什么Bootstrap CSS没有覆盖其他具有相同代码的项目？

我有这样的问题。 我正在使用项目，但是当我从服务器复制相同的文件时它看起来不同 – 一些Bootstrap样式没有被覆盖。 以下是工作站点标题的屏幕截图： 以及我在计算机上打开相同项目时看到的内容： 我查看了Firebug，我看到，该活动链接使用此默认的Bootstrap样式： .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e6e6e6; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px […]

窗口大小改变时调整标题大小

我目前正在一个网站上工作，我需要放一些图像，一些标题和描述将随之而来。 如果浏览器是全屏，则标题显示在一行上; 但是，如果浏览器宽度减小，标题将自动显示在两行上。 以下是浏览器全屏时的外观： 以下是浏览器宽度减小时的外观： 我想这样做，以便当浏览器宽度减小时标题的大小减少，并想知道我该怎么做。 我无法在Google上找到任何好的资源，或者我可能只是没有使用正确的关键字进行搜索。 我正在使用Ruby on Rails和Bootstrap（2.3.2）开发网站。 我也在使用SASS和jQuery，但我是新手。

用户在Rails中选择了CSS样式表

我正在使用Rails中的一个站点，我希望用户能够将CSS样式表更改为浅色或深色主题。 我在我的视图中有这个，所以我可以使用样式表的变量： 我尝试通过在我的视图中使用如下链接来更改该变量： “set_light”, :id => @projects %> 在我的控制器中调用此函数： class ProjectsController < ApplicationController def set_light @current_stylesheet = 'light' end end 有没有办法让这样的工作？ 现在它说缺少projects / set_light模板，但我不想创建新模板，我只想调用set_light来更改样式表并刷新当前页面。 关于如何实现这一点的任何想法，或者更好的方法来实现它？

rails资产管道：无效的CSS

我正在尝试使用http://designshack.net/articles/css/build-an-animated-photo-wall-with-css/在我的rails应用程序中实现照片墙。 我插入CSS列表，段落和图像，图像高度和宽度的唯一变化到我的custom.css.scss，如下所示： /* picture wall */ /*——CONTAINER——*/ .container { width: 320px; margin: 0 auto 50px auto; } /*——LIST——*/ .container ul { list-style-type: none; } .container li { float: left; position: relative; width: 280px; height: 187px; overflow: hidden; } .container li:hover { cursor: pointer; } /*——PARAGRAPH——*/ .container li p { color: transparent; background: transparent; font: 200 […]

我的dropkick插件的下拉看起来很奇怪

我的dropkick看起来很奇怪 – http://sofzh.miximages.com/css/0itAA.png 容器比下拉列表更大。 我的HTML： Your language preferences This is language you would like Print-it-Green service to be displayed in English English Israeli Ukrainian 检查CSS标记 检查HTML标记 全部包含在form_for_new类中。 而且，它崩溃了我的forms。 你能说些什么呢？

如何在Rails 3站点中为每个页面设置不同的背景图像？

我正在试图弄清楚如何为我的Rails 3网站的每个页面设置不同的背景图像。 如何在不必重复我的css文件中为每个页面重复的内容的情况下完成此操作？ application.html.erb Site title “all” %> pages.css.scss .container { width: 800px; height: 640px; position: absolute; left: 50%; top: 50%; margin-top: -320px; margin-left: -400px; background-image: url(amber1.jpg); background-repeat: no-repeat; background-color: black; font-family: times new roman, serif; text-align: center; }

如何制作全宽度的超大尺寸？

如果你看看twitter-bootstrap网站，他们的jumbotron会触及他们的nav-header 。 这就是我想要复制的东西。 我将它添加到我的估值索引的顶部，如下所示： Values subjective, put here whatever inspires you. 我也尝试过没有容器，即使bootstrap说， “为了使jumbotron全宽，没有圆角，将它放在所有.container之外，而是在其中添加.container。” 是因为我的application.html.erb被分解为列，所以jumbotron只会扩展到col-md-9的宽度？ 我尝试放入自己的部分，但是在nav-header和jumbotron有我不想要的填充。 就像我说的，我希望它像引导网站一样 。 部分的另一个问题是我需要很多它们因为我想根据页面改变jumbotron的单词。 我们怎么能像bootstap一样呢？ 谢谢你的时间！