引導不與流星

我使用流星和引導通過正確地將拼焊板工作引導不與流星

我連複製粘貼給出的代碼引導爲this navbar進行測試，而我得到的是：This skewed version。

也就是說，導航欄和各個鏈接之間的填充已關閉，並且事物未居中。

我也遇到類似的問題，其他幾個地方，例如表單中的文本字段被「擠壓」到字母被切斷的地步！

我發現了關於twbs問題的幾個主題：bootstrap和meteor，但是其中大多數都很舊（2012-13），並沒有提供解決此問題的方法。

我的問題，然後是：

任何想法，爲什麼發生這種情況？
是否有任何修復方法，解決方法？

謝謝！

編輯

爲了重現錯誤在5分鐘內：

創建一個新的流星項目：meteor create BootstrapTest
刪除client/和server/
安裝軟件包：更換的內容由：

流星基
移動體驗
蒙戈
閃耀HTML模板
無功無功
jQuery的
跟蹤

標準minifier-CSS
標準minifier -js
es5-shim
ecmascript

自動發佈
不安全
鐵：路由器

會議

引導

復仇：WEB3

薩沙：旋

aldeed：collection2

拼焊板：引導

aldeed：自動窗體

強調
創建一個文件夾lib/並在最高層杆文件lib/router.js。
把下面的代碼在lib/router.js：

Router.configure（{ layoutTemplate中： '佈局' }）;
創建一個文件client/testcss.css用下面的代碼：body { padding-top: 70px; }

創建一個文件client/layout.html用下面的代碼：

<template name="layout"><nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Project name</a> 
     </div> 
     <div id="navbar" class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#about">About</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
    </div> 
</nav> 

<div class="container"> 

    <div class="starter-template"> 
     <h1>Bootstrap starter template</h1> 
     <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> 
    </div> 

</div></template>

運行在應用程序的文件夾中運行$meteor應用。

來源

2016-07-13 EugVal

這是一個非常好的問題。昇華！！ –

您使用任何其他視圖相關的軟件包嗎？這可能與盒子大小有關。你有一個可重複的例子嗎？ – MasterAM

感謝您的建議，我更新瞭如何快速重現錯誤的細節問題！ – EugVal

根據問題的軟件包清單，你添加的（不建議使用）bootstrap和twbs:bootstrap兩種封裝。

刪除bootstrap包來解決問題。

您還可以直接從npm中添加bootstrap，而無需使用任何流星專用包。

通常，您可以使用瀏覽器的開發人員工具查看每個樣式規則的來源，這可以幫助您檢測問題的根源。

來源

2016-07-16 21:01:53 MasterAM

引導不與流星

回答

相關問題