私はMantra sample blog appから変更し、流星のアプリで、次のナビゲーション・コンポーネントを作成しました:リアクト - ブートストラップ流星1.3とNavbar.Collapseとマントラを
import React from 'react';
import { Nav, Navbar, NavItem } from 'react-bootstrap';
const Navigation =() => (
<Navbar staticTop>
<Navbar.Header>
<Navbar.Brand>
<a href="/">Meteorball</a>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
<Nav pullRight>
<NavItem eventKey={1} href="/new-crew">New Crew</NavItem>
</Nav>
</Navbar.Collapse>
</Navbar>
);
export default Navigation;
私は私のラップトップ上でそれを自分のブラウザのサイズを変更する場合、それは正常に動作し、私は携帯電話(物理的なMoto X 2014またはchromeのNexus 5Xをエミュレートしたもの)で開くとnavbarが崩壊することはありませんが、React-Bootstrap 0.28.4のMeteor最新バージョン(1.3)を使用しています。 sb-admin-2 themeのlessとcssファイルも使用していますが、これはモバイルで通常崩壊します。なぜこのシナリオでは特に動作しないのでしょうか?マントラは、テンプレートのためのJSを使用して奨励しているので、私はメタを作成し、METAタグを追加するためにKadira:meteor-docheadを使用し、また
<meta name="viewport" content="width=device-width, initial-scale=1">
:答えを見つけることが