小编Maa*_*aay的帖子

引导程序中自适应行类中的基本居中元素

在我的页面上,我有很多元素,我需要连续几列直列显示.每个元素都是相同大小的图像.当您单击它时,在它的位置会出现图标菜单,其中包含三个项目.所有元素应水平和垂直居中.

可能会有不同数量的大图像(6,7,8或更多),所以我想将它们添加到一个行级中.

现在,我认为我正在通过引导程序文档完成所有工作,但页面钢上的元素逻辑似乎已被破坏.

我究竟做错了什么?

Codepen示例

<body>
  <div class="container-fluid wrapper">
    <div class="row center-block text-center">
      <div class="center-block col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <div class="row center-block">
          <div class="col-md-12 center-block">
            <img src="http://img.leprosorium.com/2474872">
          </div>
        </div>
      </div>
      <div class="center-block col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <div class="row center-block">
          <div class="col-md-12 center-block">
            <img src="http://img.leprosorium.com/2474872">
          </div>
        </div>
      </div>
      <div class="center-block col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <div class="row center-block">
          <div class="col-md-12 center-block">
            <img src="http://img.leprosorium.com/2474872">
          </div>
        </div>
      </div>
      <div class="center-block col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <div class="row-fluid center-block text-center pagination-centered">
          <div class="col-md-4 center-block text-center pagination-centered …
Run Code Online (Sandbox Code Playgroud)

html css css3 twitter-bootstrap twitter-bootstrap-3

17
推荐指数
1
解决办法
1018
查看次数

当鼠标移动一段时间后,用jQuery隐藏div元素?

我有一个广播视频网站,带有一个菜单,当鼠标不移动一段时间时(应该说是10秒),该菜单应该被隐藏.同样,它应该出现在鼠标移动的状态.使用css和jQuery执行该操作的最佳方法是什么?先感谢您.

javascript css jquery menu show-hide

11
推荐指数
1
解决办法
8415
查看次数

"安全错误"代码:Audio API示例中的"1000"

我试图从这里重复这个例子,但是我收到了这个错误:

Security error" code: "1000
 var fb = event.frameBuffer, 
Run Code Online (Sandbox Code Playgroud)

我文件夹中的所有内容都有777个权限,但它仍然是在给我这个权利.我的Firefox版本是4.0,因此应该可以使用Audio API功能.可能是什么问题呢?我没有任何改变就复制了这个例子.任何建议都会有所帮助,谢谢.

audio firefox html5

4
推荐指数
1
解决办法
1008
查看次数

如何设置text_field的标题?

我知道这很简单,但我被困住了.我在我的rails3应用程序中有几个表单,我需要通过使用tipsy来添加工具提示.工具提示中的文本应该在title\original-title中确定,但我无法弄明白,如何为text_field设置它.

<%= f.text_field :what %>
Run Code Online (Sandbox Code Playgroud)

给我

<input id="name_which" name="name[which]" size="30" type="text">
Run Code Online (Sandbox Code Playgroud)

我只是想不出来,把标题文字放在哪里.

例如,html中的这个工作正常

<input type="text" name="tooltipform" title="Tooltip text">
Run Code Online (Sandbox Code Playgroud)

在application.js中,它由确定

$(window).load(function() {
$('#form-example [title]').tipsy({trigger: 'focus', gravity: 'w'});
Run Code Online (Sandbox Code Playgroud)

});

我知道那是基本的,我为自己感到羞耻.先感谢您.

ruby-on-rails jruby ruby-on-rails-3

3
推荐指数
2
解决办法
3169
查看次数

在CanCan能力结果中设计"current_user"方法时出现"未定义方法"错误

我正在尝试在我的rails3 + mongoid应用程序中使用具有CanCan角色的Devise授权.现在我必须限制用户编辑事件的权限,因此只有他们的作者可以这样做.该事件的作者由该行确定:

    <%= f.hidden_field (:author, :value =>current_user.email) %>
Run Code Online (Sandbox Code Playgroud)

所以,现在在CanCan的Ability文件中我正在尝试使用此代码:

  class Ability  
  include CanCan::Ability 

  def initialize(user)  
    user ||= User.new    
    if user.role? :admin  
      can :manage, :all  
    else 
        can :read, :all  
      end
      if
        user.role?(:normal)
        can :create, Event  
        can :update, Event do |event|  
          event.try(:author) == current_user.email
      end 
        can :create, Comment  
        can :update, Comment do |comment|  
        comment.try(:author) == current_user.email 
      end 
    end 
  end
Run Code Online (Sandbox Code Playgroud)

结束

但这导致了我的错误:

未定义的局部变量或方法`current_user'for#

然后我试着改变

can :update, Event do |event|  
          event.try(:author) == current_user.email
Run Code Online (Sandbox Code Playgroud)

event.try(:author) == Devise.current_user.email
Run Code Online (Sandbox Code Playgroud)

但这导致了这个错误

设计的未定义方法`current_user':模块

那么,我应该怎么做以及如何从ability.rb中调用`current_user'方法?提前感谢您的任何提示.

authorization ruby-on-rails devise ruby-on-rails-3

0
推荐指数
1
解决办法
3734
查看次数