使反應引導程序選項卡只顯示在只有一行

Question

我使用反應引導程序選項卡，我想要顯示它們只有一行像崇高或原子，但問題是他們會自動斷行時，他們到達的寬度容器。 任何人都知道我該怎麼做。 非常感謝！ 下面是我的代碼，只需使用簡單的標籤的反應引導

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，請在該類中進行更改。把這個樣式放在head的html文件中它會工作：

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