Tepki-Önyükleme Navbar.Collapse Meteor 1.3 ve Mantra

Question

ile ben Mantra sample blog app itibaren değiştirerek, bir meteor uygulamasında aşağıdaki navigasyon bileşeni yarattı:

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; 

Normalde çalışıyor ve benim laptop benim tarayıcıyı yeniden boyutlandırmak eğer normal olarak çökecek, ama ben bir cep telefonu açtığınızda (fiziksel Moto X 2014 veya krom üzerinde Nexus 5X taklit), navbar çökmez, React-Bootstrap 0.28.4 ile Meteor en son sürümünü (1.3) kullanıyorum, ben Ayrıca, normal olarak mobilde daraltılmış olan sb-admin-2 theme numaralı telefondan daha az ve css dosyalarını kullanmanın, bu durumun bu senaryoda özel olarak çalışmadığının bir nedeni var mı?

Answer 1

cevap, ben meta etiketi yoktu geçiştirilmiştir Bulunan: Mantra şablonu için JS kullanarak teşvik beri Ayrıca

<meta name="viewport" content="width=device-width, initial-scale=1"> 

, ben meta etiketleri eklemek için Kadira:meteor-dochead kullanılan, bir meta yarattı js aşağıdaki kodla client/configs içine dosyası:

import {DocHead} from 'meteor/kadira:dochead'; 

export default function() { 
let metaInfo = {name: 'viewport', content: 'width=device-width, initial-scale=1'}; 
    DocHead.addMeta(metaInfo); 
} 

Ve client/configs/context.js

bunu ithal