如何使JQuery News Ticker响应?

时间:2013-11-20 12:33:12

标签: jquery html5 css3 twitter-bootstrap responsive-design

我使用Bootstrap 3.0设计了一个website。我正在使用jQuery News Ticker作为我通过HTML提供的Feed(而不是通过服务器)。

这就是我所做的包括Ticker:

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <ul id="js-news" class="js-hidden" style="margin-bottom:100px;">
                <li class="news-item">News1</li>
                <li class="news-item">News2</li>
            </ul>
        </div>
    </div>
</div><!-- /.container -->

出于某种原因,这个自动收报机不像网页的其他部分那样响应。

可以通过媒体查询完成一种方式。但有没有办法使用Bootstrap(或简单的CSS)来做到这一点?

1 个答案:

答案 0 :(得分:5)

你只需要在CSS的某个地方添加这2行

.ticker-wrapper,
.ticker-wrapper .ticker{
   width: 100% !important;
}