css - Moovweb フレックス ボックスを使用していますが、サイズが適切に機能しません...何が起きていますか?

Question

私の構造は次のとおりです。

<div class="_flex_box">
    <div class="_flex_box_item_1">Stuff</div>
    <div class="_flex_box_item_1">Other Stuff</div>
</div>

通常、これにより div がそれぞれ 50% の幅で横に分割されます。しかし、それは機能していません...誰かアイデアはありますか? 基本的に、それぞれ 50% ではなく、さまざまなアイテムで 70/30 または 60/40 のようになります。

CSS は次のようになります (私は Sass & Bourbon.io を使用しています)。

._flex_box {
  @include display-box;
  @include box-orient(horizontal);
  @include box-align(stretch);
  ._flex_box_item_1 {
    display: block;
    @include box-flex(1);
  }
}