Как сделать JQuery News Ticker отзывчивым?

Question

Как сделать JQuery News Ticker отзывчивым?

1

Я разработал веб-сайт, используя 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)?

Ranveer 20 нояб. 2013, в 13:38

Источник

0

github.com/rhodimus/jQuery-News-Ticker/issues/19 обсуждение создания адаптивного тикера
Manish 20 нояб. 2013, в 12:48

Теги:

jquery

twitter-bootstrap

html5

css3

responsive-design

1 ответ

Ещё вопросы

github.com/rhodimus/jQuery-News-Ticker/issues/19 обсуждение создания адаптивного тикера

ppollono · Accepted Answer · 2013-11-20T18-05-00.000Z

Вам просто нужно добавить эти 2 строки где-нибудь в вашем CSS

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