1
こんにちは私は反応するブートストラップを使用しようとしていますが、タブ/ナビアイテムは、デフォルトであると仮定して横に横に並べるのではなく、例えば 、ナビゲーション反応するブートストラップタブとナビのテンションは垂直に積み重ね続ける
import React from 'react';
import { Nav,NavItem } from 'react-bootstrap';
export default class TabsInstance extends React.Component {
render() {
return (
<div>
<Nav bsStyle="tabs" activeKey={1} onSelect={this.handleSelect}>
<NavItem eventKey={1} href="/home">1</NavItem>
<NavItem eventKey={2} title="Item">2</NavItem>
<NavItem eventKey={3} disabled>3</NavItem>
</Nav>
</div>
);
}
}
またはタブ
import React from 'react';
import { Tab,Tabs } from 'react-bootstrap';
export default class TabsInstance extends React.Component {
render() {
return (
<Tabs defaultActiveKey={1} animation={false} id="noanim-tab-example">
<Tab eventKey={1} title="Tab 1">1</Tab>
<Tab eventKey={2} title="Tab 2">2</Tab>
<Tab eventKey={3} title="Tab 3" disabled>3</Tab>
</Tabs>
);
}
}
両方が水平に広がるために十分なスペースがある場合でも、上下の項目をスタック（例えば、Iは等、非常に広い領域を割り当てます）。なぜこれが起こっているのか、どのように修正できるのか誰にも分かりますか？おかげ