如何在引导程序 col-sm-3 中修改相对字体大小答案

【问题标题】：how to mofify font-size relatively in boostrap col-sm-3如何在引导程序 col-sm-3 中修改相对字体大小
【发布时间】：2015-08-13 23:40:21
【问题描述】：

<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 修改，但字体大小保持不变。我可能会错过编写代码。如何根据屏幕宽度修改字体大小。

请给我合适的代码。

【问题讨论】：

在您的 HTML 中，您使用类名“HomeIndex”。但是你的 CSS 使用类名“home_index”。
哦。谢谢。已激活

标签： html css font-size

【解决方案1】：

简单的类错误：你的 ul 有一个 HomeIndex 类，而你的样式是 .home_index。将您的ul 类更改为home_index，或将您的样式更改为.HomeIndex。

【讨论】：

【解决方案2】：

在您的 html 中使用 home_index

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

或

将 css 类 home_index 更改为 HomeIndex

【讨论】：