html - ボタンのブートストラップタブ?

Question

サインアップ ページが 2 つのセクションに分かれています。誰かがこれらの主要なボタンをクリックしたときに、現在のページに隠れている各セクションのコンテンツを表示したいだけです。概念はブートストラップ タブに似ていますが、ここではタブを使用していません。これらは単純なブートストラップ ボタンです。コードでブートストラップ クラスを試してみましたが、うまくいきませんでした。私は隕石と反応を使用しています。画像のスクリーンショット。

「働く・雇うボタン」

そして、これは私のコードです

<div id="signup-top-btn">
    <div id="myTabs" role="tablist">
      <div className="col-xs-6 signup-work-btn">
        <button type="button" className="btn btn-block blue-btn active-btn"
          data-toggle="tab"
        >
          Work
        </button>
      </div>
      <div className="col-xs-6 signup-hire-btn">
        <button type="button" className="btn btn-primary btn-block blue-btn"
          data-toggle="tab" data-target="#employer-signup"
        >
          Hire
        </button>
      </div>
    </div>
  </div>

何か案が？