Tag: twitter bootstrap

Rails 4表单构建器，全面支持Twitter Bootstrap 3: 是否有任何Rails 4兼容的表单构建器gem为Twitter Bootstrap 3.0.0表单提供全面的支持？这是我认为“全面”支持的基准：支持所有3种布局（基本，水平，内联）支持基本输入类型（输入，文本区域，选择等）支持堆叠和内联复选框/单选按钮支持所有输入状态（焦点，禁用，validation）支持帮助文本/错误消息支持input-append / prepend（现在在TWBS3中称为输入组）。支持处理Rails的特定表单’元素’，例如date_select（内联选择框）有关TWBS3表单的详细信息，请参阅TWBS3 文档和WIP github问题。我已经看过simple_form和twitter_bootstrap_form_for ，虽然两者都取得了进展，但目前似乎都没有提供足够的解决方案。简单的forms 似乎有一个基本布局的解决方案，但是由于TWBS3需要额外的网格标记，我目前无法看到水平forms。 https://github.com/plataformatec/simple_form/pull/864 https://github.com/plataformatec/simple_form/issues/857 Twitter引导表单这个拉取请求看起来很有希望，但我可以看到标记和正在使用的类中存在一些不准确之处。 https://github.com/stouset/twitter_bootstrap_form_for/pull/84

Glyphicon在本地工作但不在Heroku上工作: 如果你在这里查看我的应用程序： http ： //quiet-brushlands-5712.herokuapp.com/ ，靠近按钮的是一个图标，一个glyphicon。但它没有出现在heroku上。在本地它显示如下：我从这里尝试了“解决方案” 在Rails production / heroku w / o LESS或SASS以及谷歌的其他链接中使用boostrap.css文件。我也需要在Heroku上显示字形。有帮助吗？我没有手动下载Twitter Bootstrap，我只是使用了一个gem。在我的Javascript控制台中，我有这个： GET http://quiet-brushlands-5712.herokuapp.com/assets/glyphicons-halflings.png 404 (Not Found) 我的Gemfile如果有帮助： source ‘https://rubygems.org’ gem ‘rails’, ‘4.0.2’ gem ‘sass-rails’, ‘~> 4.0.0’ gem ‘uglifier’, ‘>= 1.3.0’ gem ‘coffee-rails’, ‘~> 4.0.0’ gem ‘jquery-rails’, ‘3.0.4’ gem ‘turbolinks’, ‘2.0.0’ gem ‘jbuilder’, ‘~> 1.2’ […]

当我使用数据切换属性时，为什么我的链接会中断（停止导航到其位置）？: 我正在玩Rails 5中的Bootstrap 4，我正在尝试使用data-toggle来处理nav-pills 。使用下面的代码， pill切换工作，它打破了代码的link_to部分，链接不起作用。 “pill” %> 如果我删除”data-toggle” => “pill” ，链接工作正常，并根据需要路由到集合。我也尝试过使用data: { toggle: “pills” }但这也打破了链接。有人有任何想法吗？

twitter引导模式与铁轨上的ruby: 我遇到了一个问题和一个头疼的问题，因为我不确定我想要做什么甚至可以用RoR。一些背景信息：我有一个带有几个控制器的应用程序……并且想要使用其中两个用于此模态示例。第一个是users_controller，另一个是recommendations_controller。这是我正在尝试做的事情：在用户索引视图中，我有一个post列表。每个post都有一个推荐按钮。如果用户点击它，他/她被发送到推荐索引页面，并且可以搜索并找到他/她想要与之共享post的用户。我之所以设置这种方式的原因是因为推荐模型创建了推荐关系。我想这样，当用户点击用户索引页面上的推荐按钮时，会出现一个模式（访问推荐控制器的模式），用户可以搜索他/她想与之共享post的用户。基本上，我想知道是否可以通过用户控制器的索引视图页面访问Recommendation控制器。如果不是，是否有解决方法？我可以发布我有的代码，如果它有用，但我不确定在这种情况下会有所帮助 – 因为我正在试图看看是否有可能做我正在尝试做的事情。谢谢！更多细节： recommendations_controller： def index @user = Search.find_users(params[:name], current_profile) respond_to do |format| format.html format.js end end index.js.haml（位于view / recommendations文件夹中） :plain $(#my-modal).show(); index.html.haml（位于view / recommendations文件夹中） = form_tag post_recommendations_url, :method => “get” do = text_field_tag :name, ”, :class => “span12”, :placeholder => “Please enter […]

simple_form与bootstrap 3的集成: 我已经将bootstrap更新到版本3.除了由simple_form gem生成的表单外，一切正常。我不知道如何将这两者结合在一起。我在github项目存储库中找不到任何有用的建议。那么有人为我提供解决方案吗？

twitter-bootstrap-rails gem工作流程: 如何在我的Rails 3.2.1应用程序中使用twitter-bootstrap-rails gem？什么是工作流程？我这样做之后： rails g bootstrap:layout [LAYOUT_NAME] [*ﬁxed or ﬂuid] [options] 我接下来该怎么办？我只是将生成的代码复制并粘贴到我的视图中吗？我是否为每个视图都这样做？如果是这样，怎么做 rails g bootstrap:themed [RESOURCE_NAME] [LAYOUT] [options] 有什么不同？你们甚至使用轨道发电机？谢谢

Heroku上的twitter-bootstrap-rails：Glyphicons显示为正方形: 我在Heroku上部署了一个rails应用程序，我正在使用twitter-bootstrap-rails gem来包含twitter bootstrap。一切都在本地（以及在开发环境中）完美地工作，但是在Heroku（和生产中）一切都很好，除了glyphicons，它们都显示为小方块。起初我认为这是一个问题，图标精灵没有被预编译，所以在我的gemfile中，我将“gem twitter-bootstrap-rails”行移出资产组，我确信在上传之前预先编译了我的所有资产到Heroku。但是，这并没有解决问题。检查页面后，似乎图标可用，但链接到它们的CSS属性被另一个将background-image设置为none的CSS规则覆盖。它似乎发生在作为twitter bootstrap一部分的样式表中，所以我不太清楚为什么会发生这种情况。有没有其他人有这个问题？

simple_form_for rails单选按钮内联: 我试图让我的按钮显示内联，并具有默认值，因为它不能为空。我正在使用plataformatex / simple_form和bootstrap。 = f.collection_radio_buttons :is_private, [[true, ‘Private’], [false, ‘Public’]], :first, :last, style: “display:inline”, default: true 它呈现这个： Private Public 很明显， style:工作不正常，但我不确定会起作用。继另一个建议后，我补充道 .radio_buttons { display:inline; } = f.collection_radio_buttons :is_private, [[true, ‘Private’], [false, ‘Public’]], :first, :last, :item_wrapper_class => ‘radio_buttons’, :default => true 得到了： Private Public 只是另一个注意，默认值仍然无法正常工作。

无法使用class = pull-right或float：right浮动twitter bootstrap导航栏项目: 我正在使用Twitter引导程序和Rails，我似乎无法将导航栏项目浮动到右侧。我试过用这样的东西： “Edit account”%> ……但链接保持不变，萤火虫显示”float:left;” 所以我试图在bootstrap_and_overrides.css.less和home.html.erb覆盖css float，但都没有奏效。 Firebug表示它找到了两个css float语句，但选择了bootstrap选项。所以我被困住了，想知道如何自定义导航栏。我可能在这里做错了，但我只是看不到它。这是我的代码： application.html.erb： … removed to shorten the length of this post _navigation.html.erb： “brand”%> “Admin” %> ‘delete’, :id => “Logout” %> “Edit account”%> bootstrap_and_overrides.css.less： @import “twitter/bootstrap/bootstrap”; body { padding-top: 60px; } @import “twitter/bootstrap/responsive”; // Set the correct sprite paths // …REMOVED to shorten the length […]

仅在Rails 5中使用bootstrap media-breakpoint: 这是将bootstrap mixin添加到Rails项目中的解决方案和后续操作。 rbenv错误？和rails，bootstrap，media-breakpoint-only 我的问题：我试图仅使用media-breakpoint并获取各种错误消息。您可以在上面的链接中看到这些错误消息。以下是解决方案的摘要： gem ‘bootstrap-sass’, ‘~> 3.3’, ‘>= 3.3.7′ 不支持仅限媒体断点。 gem’bootstrap’，’〜> 4.1.3’仅在文件中支持media-breakpoint（假设你使用rbenv）〜/ .rbenv / versions / 2.5.1 / lib / ruby / gems / 2.5.0 / gems /bootstrap-4.1.3/assets/stylesheets/bootstrap/mixins/_breakpoints.scss 此外，如果你有 gem ‘bootstrap-sass’, ‘~> 3.3’, ‘>= 3.3.7’ gem ‘bootstrap’, ‘~> 4.1.3’ 然后，在你的Gemfile中，在我看来，第二行被忽略，因此，当你引用media-breakpoint时，你只会在加载页面时出错。下面我记录了我使用的三个文件，以便只使媒体断点工作。〜/的Gemfile source ‘https://rubygems.org’ git_source(:github) { |repo| “https://github.com/#{repo}.git” } ruby ‘2.5.1’ […]