Bootstrapのカスタマイズ

Question

AWS Cloud9でrailsアプリケーションの開発をはじめ、デザイン面をBootstrapで制作してます。
ですが、日本語だとどうしても行間と文字の間隔が詰めすぎているなと思ってカスタマイズしようと志したのですが、どうしてもカスタマイズが適用されません。
CSSでいうline-heightとletter-spacingに相当するbootstrapクラスをいじることは不可能でしょうか？

具体的には

<div class="py-4 bg-light">
  <section id="about">
    <div class="container">
      <div class="row mb-4">
        <div class="col-md-8 mb-md-5 mb-3 jpn-height">
          <h2 class="mb-4">タイトル</h3>
          <h5 class="mb-4">文字の大きさが小さかったため、pでなくh5で文を書いています。</h5>
          <h5 class="mb-4">文字の大きさが小さかったため、pでなくh5で文を書いています。</h5>
          <h5 class="mb-4">文字の大きさが小さかったため、pでなくh5で文を書いています。</h5>
          <div class="text-center">
            <a href="#" class="btn btn-success mr-4">新規登録</a>
            <a href="#" class="btn btn-success">ログイン</a>
          </div>
        </div>
        <div class="col-md-4">
          <img src="" class="img-fluid">
        </div>
      </div>
    </div>
  </section>
</div>

としてあり、「文字すべてにおいて一定の行間と文字の間隔を開けたい」です。
http://b0npu.hatenablog.com/entry/2016/04/24/070100
こちらのサイト通りにいろいろいじってみたのですが、うまくいきません。
また、AWSでSassをかくと

このように波括弧やセミコロンが赤く表示されるのですが、これは正常でしょうか？
わかる方、回答よろしくお願いします。

Comments

[cerfweb]

「カスタマイズが適用されません」の部分をもう少し詳しくご説明ください。

[SpaceRange]

HTMLコードの下に一応記載してありますが、目立っていなかったので、変更しました。
よろしくお願いします。

[cerfweb]

.jpn-height h5の部分のことでしょうか。

[SpaceRange]

いえ！そちらは試しに打ったコードです。消しておけばよかったですね。
簡潔に言えば、すべての文字にある程度の行間と文字間隔をとりたいということです。
あくまで、sassファイルの画像を乗せた理由はその内容についてではなくて、AWSでsassファイルを書くと{}や;が赤く表示されるものなのか疑問に思った為です。
よろしくお願いします！

[cerfweb]

ご提示されているサンプルコードを私の方の環境で再現した限りでは特に問題はないようですが、「一定の行間と文字の間隔」という部分が主観的な表現ですので、現状の画面キャプチャとそれをどのようになさりたいのかがわかるようなご説明（イラストでも結構です）があると回答もしやすいかと思います。ちなみにBootstrapのバージョンはいくつでしょうか。

Answer 1

こちらの場合ですとmb-4クラスにスタイルをつけたほうが良さそうですね。

  .mb-4{
    line-height: 3;
    letter-spacing: 5px;
  }