いつまで、できないとか結論出てないような感じで終わらねーんだよ?
scss知ってりゃ、やらなくても最初っからできるとわかっていることをいつまでグチグチ。
scssのビルドが入るからオンラインでデモ作れなくて面倒なんだよ
俺がやってやるから感謝しろボケども

[index.html]
<!DOCTYPE html>
<head><link rel="stylesheet" type="text/css" href="style.css"></head>
<body>
<div>
<button type="button">Primary</button>
</div>
<button type="button">normal</button>
</body>

[style.scss]
@import "bootstrap.min";
div button {
@extend .btn;
@extend .btn-primary;
}

1. 以上の2つのファイルを同じディレクトリに作成する
2. https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css からダウンロードして
  bootstrap.min.cssというファイルで同ディレクトリに保存する
3. sassc をインストールしてコンパイルする
  sassc style.scss style.css
4. ブラウザでindex.htmlを開く
  そうすりゃ、divの下のbuttonにだけ、クラスも指定してないのに、スタイルが適用されるだろ
  ちゃんと今俺が手元で実験して、そうなるのを確認したからな。

scssのレベルではできると証明した。Railsとの連携は別問題だ。それは自分でやれな