如何使 JQuery News Ticker 响应式？

Question

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

这是我为包含 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）来做到这一点？

Answer 1

您只需在 CSS 中的某处添加这两行

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