title: Change size of text
body: <p>I have such part html template. I use bootstrap for stylish.</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
    &lt;div class=&quot;col-lg-12 col-md-12 col-sm-12 col-xs-12 positon-relative-block-down&quot;&gt;
       &lt;p class=&quot;down&quot;&gt;Lorem Ipsum is simply dummy&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class=&quot;col-lg-12 col-md-12 col-sm-12 col-xs-12 positon-relative-block-up&quot;&gt;
        &lt;p class=&quot;up&quot;&gt;Lorem Ipsum is simply dummy Lorem Ipsum is simply dummy&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class=&quot;col-lg-7 col-md-7 col-sm-8 col-xs-11 positon-relative-block-describe&quot;&gt;
         &lt;p class=&quot;describe&quot;&gt;Lorem Ipsum is simply dummy Lorem Ipsum is simply dummy&lt;/p&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I have such problem: if my window size will be col-xs, my text does not fit. My question is how add style for text for col-xs, which must be smaller?</p>