反応ブートストラップタブを1行にのみ表示する

Question

私は反応ブートストラップタブを使用しています。昇華やアトムのような1つの行にそれらを表示したいのですが、問題は、コンテナ。 誰でもどのように私がそれを行うことができます知っている。 ありがとう！以下 は、ブートストラップ

return (
    <div> 
    <Tabs> 
     {this.props.tabState.map(function(v, i, obj) { 
     return (
      <Tab key={i} eventKey={i} title={titleWithBtn(v, i)} > 
      {childrenWithProps({file:v, tabIndex:i})} 
      </Tab> 
     ) 
     })} 
    </Tabs> 
    </div> 
); 

ソリューション
を反応させ、私はこのnpm

Answer 1

、Tabs構造をチェック、それが作成するulとliを使用を使用して完全にこれを行うことができますだけのシンプルなタブを使用して、私のコードです適用されるタブ、およびクラスが.nav-tabsの場合、そのクラスの変更を行います。 htmlファイルのheadでこのスタイルを入れて、それは動作します：

<style type="text/css"> 
    .nav-tabs { 
     display: inline-flex !important; 
    } 
</style>