根据引导列大小调整字体大小

Question

我是Bootstrap 3的新手，我有下一个问题。我需要根据其大小调整bootstrpa列中li元素的字体大小。

我的代码就是这个

<div class="col-sm-7 col-xs-12 col-md-9 col-lg-9">
                <!-- Parte derecha -->
                <section>
                    <ul>
                        <li class="premio" ng-repeat="premio in Premios">
                            <div class="jtextfill">
                                <div class="imagePremio">
                                    <img alt="" ng-src="images/{{premio.PremioColor}}.png" />
                                    <div ng-class="getCSSclass(premio.PremioPuntosRequeridos)">
                                        <p>{{premio.PremioPuntosRequeridos}}</p>
                                    </div>
                                </div>
                                {{premio.PremioNombre}}
                            </div>
                        </li>
                    </ul>
                </section>
            </div>

所以我想要的是将我的li.premio在css中的字体大小设置为10px时为col-sm-7，字体大小为12px时为col-md-9。有人可以指导我吗？

感谢您的建议