小编Cri*_*ora的帖子

我有这个代码:

<footer class="row">
  <nav class="col-sm-3">
    <ul class="list-unstyled">
      <li>Text 1</li>
      <li>Text 2</li>
      <li>Text 3</li>
    </ul>
  </nav>
  <nav class="col-sm-3">
    <ul class="list-unstyled">
      <li>Text 4</li>
      <li>Text 5</li>
      <li>Text 6</li>
    </ul>
  </nav>
  <nav class="col-sm-3">
    <ul class="list-unstyled">
      <li>Text 7</li>
      <li>Text 8</li>
      <li>Text 9</li>
    </ul>
  </nav>
  <nav class="col-sm-3">
    <ul class="list-unstyled">
      <li>Text 10</li>
      <li>Text 11</li>
      <li>Text 12</li>
    </ul>
  </nav>
</footer>

里面有一些文字的四个街区.它们的宽度相等,我已经设置col-sm-3了所有这些,我想要做的就是nav在超小设备上隐藏最后一个.我试图使用hidden-xs它nav并隐藏它,但同时我希望其他块扩展(将类更改col-sm-3为col-sm-4)col-sm-4 X 3 = 12.

有解决方案吗

我已经实现了Twitter Bootstrap轮播.除了一个例外,它工作正常.

在我滑动所有图片后,当我到达最后并按向右箭头时,它再次让我回到第一张图片,但我不希望这种情况发生.

我想在右边没有其他图片的情况下禁用右箭头,如果用户想要再次看到第一张图片,则应按左箭头并从右向左滑动所有其他图片.

同样的方法应该适用于左箭头,这意味着应该从头开始禁用左箭头,并在单击右箭头后启用.

所以它就像线性效果而不是圆形效果.

解决这个问题的任何方法？

我有下面的例子:

<div class="filtrer">
    <a class="bold">Url 1</a>
    <a>Url 2</a>
</div>

第一个网址处于活动状态,第二个网页处于非活动状 我应该被允许只按下Url 2,一旦我这样做,大胆的班级就会切换到Url 2.

我已经尝试过但没有用的是:

$('.filtrer a').filter(':not(.bold)').on('click', function(){
    var current = $('.filtrer a').filter(':not(.bold)');
    var standby = $('.filtrer a.bold');

    current.addClass('bold');
    standby.removeClass('bold');
})

有谁知道为什么这不起作用？或者有优化的解决方案？谢谢

我有4个街区,每当我按下其中一个时,里面会出现一个复选框.如果我点击另一个块,当前复选框将消失,另一个复选框将出现,这是好的.问题是,如果我点击一个块并出现复选框,当我按下该复选框时,该块将消失,它不应该.

我有以下HTML代码:

<div class="item">1 <input class="hidden" type="checkbox"></div>
<div class="item">2 <input class="hidden" type="checkbox"></div>
<div class="item">3 <input class="hidden" type="checkbox"></div>
<div class="item">4 <input class="hidden" type="checkbox"></div>

以下css代码:

.hidden {
    display: none;
}

和JavaScript代码:

$(".item").click(function(){     
    $(".item").find('input').hide();                    
    $(this).find('input').show('fast');
});

我该怎么做才能隐藏除当前复选框之外可见的所有复选框(我点击的块)？