jquery - 如何使 JQuery News Ticker 响应式？

Question

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

这就是我所做的包含股票代码的操作:

<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)来做到这一点？

Answer 1

您只需在 CSS 中的某个位置添加这两行

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