如何使JQuery News Ticker响应?

Ran*_*eer 1 jquery html5 css3 responsive-design twitter-bootstrap

我使用Bootstrap 3.0 设计了一个网站.我正在使用jQuery News Ticker for feed,我通过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 -->
Run Code Online (Sandbox Code Playgroud)

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

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

ppo*_*ono 5

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

.ticker-wrapper,
.ticker-wrapper .ticker{
   width: 100% !important;
}
Run Code Online (Sandbox Code Playgroud)