Bootstrap的Accordion行为仅适用于.panel，因此您需要使用问题中提到的链接中提到的JavaScript方法之一。
例如，在控件和节周围添加一个 Package div：

<div id="smb">
  <div class="row justify-content-center">
    <div class="col-md-6 col-sm-10">
      <div>
        <button class="btn dropdown" data-toggle="collapse" data-target="#small" data-parent="#smb" aria-expanded="false">
            Small Business</button>
      </div>
    </div>

    <div class="col-md-6 col-sm-10" id="business">
      <div>
        <button class="btn dropdown" data-toggle="collapse" data-target="#big" data-parent="#smb" aria-expanded="false">
          Big Business</button>
      </div>
    </div>
  </div>
  <div>
    <div class="collapse" id="small">
      <h1>Generate New Growth</h1>
    </div>
    <div class="collapse" id="big">
      <h1>Propagate More Growth</h1>
    </div>
  </div>
</div>

JavaScript（jQuery）：

var $myGroup = $('#smb');
$myGroup.on('show.bs.collapse', '.collapse', function() {
    $myGroup.find('.collapse.in').collapse('hide');
});

jsfiddle上的演示。