【问题标题】:Bootstrap progress bar in Rails based on db fields基于 db 字段的 Rails 中的引导进度条
【发布时间】:2016-02-18 14:35:23
【问题描述】:

我想根据数据库字段中的值在我的 rails 应用程序中使用 Bootstrap 进度条。 在我的用户展示页面上,我放了:

<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" 
 aria-valuenow="<% @user.level %>" aria-valuemin="0" aria-valuemax="100"   style="width: <% @user.level %>">

但它不起作用 - width 属性想要有一个百分号“%”。如何绕过它?

【问题讨论】:

    标签: css ruby-on-rails twitter-bootstrap


    【解决方案1】:

    不确定您从 user.level 得到什么输出,但如果是您遇到问题的 css,只需添加您的单位 %pxem

    style="width: <%= @user.level %>%"
    

    【讨论】:

    • 你还需要使用&lt;%=,而不是&lt;%
    【解决方案2】:

    自定义ruby代码并添加'%'

    <div class="progress">
    <div class="progress-bar progress-bar-info" role="progressbar" 
     aria-valuenow="<%= @user.level %>" aria-valuemin="0" aria-valuemax="100"   style="width: <%= "#{@user.level}%" %>"

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-10-30
      • 1970-01-01
      • 1970-01-01
      • 2013-09-03
      • 2013-12-04
      • 1970-01-01
      • 1970-01-01
      • 2023-03-15
      相关资源
      最近更新 更多