html - Bootstrap でレスポンシブ行のデフォルトをオーバーライドする

Question

次のような構造があります。

<div class="row row-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
</div>
<div class="row row-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
  <div class="span3 span3-phone">
</div>

span3-phone CSS は、span3 が通常占有するものではなく、div がコンテナーの 32% を占有するレスポンシブ クラスです。CSS は単純です。

.span-3-phone {

  width: 32%;
}

これにより、幅が細かく調整されます。問題は、行クラスの存在が 4 番目の div の後に div を分割することですが、行ごとに 3 つの div が必要です。要素を分割しないように、モバイル デバイスの行の機能をオーバーライドする方法はありますか? それができないと、まったく別の HTML ドキュメントを作成する必要があるように思われますが、これは私が望んでいるものではありません。