Question

<div class="container">
  <div class="row">

    <!--main content-->
    <div class="col-sm-9 col-xs-12">
        <ul class="HomeIndex">
          <li>relative sentence</li>
        </ul>
    </div><!--main content-->

    <!--sidebar-->
    <div class="col-sm-3 hidden-xs" style="padding: 0px">

    </div><!--side bar-->
 </div>

我想修改li中的相对句子。 my.css写得像

.home_index{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 1.5rem;
    line-height: 2
}

我认为字体大小将由rem进行mofify，但字体大小保持相同的大小。我可能会错过编写代码。如何按屏幕宽度修改字体大小。

请给我合适的代码。

Answer 1

简单的类错误：您的ul有一类HomeIndex，而您的样式为.home_index。您可以将ul课程更改为home_index，或将您的样式更改为.HomeIndex。

Answer 2

将home_index与您的HTML一起使用

  <!--main content-->
    <div class="col-sm-9 col-xs-12">
        <ul class="home_index">
          <li>relative sentence</li>
        </ul>
    </div><!--main content-->

或

将css class home_index更改为HomeIndex

如何在boostrap col-sm-3中相对mofify font-size

2 个答案: