如何添加bootstrap less css文件？

我試圖從this網站包含一個日期時間選擇器，我與實現相差甚遠。如何添加bootstrap less css文件？

這個庫的依賴關係是在網站上提及的2個以下的文件（dropdowns.less和sprites.less）。我已經通過包含這些文件的NuGet包管理器安裝了bootstrap.less。

但我陷入了在_layout頁面的標題中添加那些較少的文件。我只是試過：

link href="@Url.Content("~/Content/bootstrap/less/dropdowns.less")" rel="stylesheet" type="text/css" /> 
<link href="@Url.Content("~/Content/bootstrap/less/sprites.less")" rel="stylesheet" type="text/css" />

這是你選擇日期後的樣子。選擇一個日期後，你選擇的時間的選擇：

messed up

，這是它看起來應該像：

day view

我還補充說，來到JavaScript文件以及bootstrap.less：

// Bootstrap 3 script bundle 
bundles.Add(new ScriptBundle("~/bundle/scripts/bootstrap_js").Include(
      "~/Content/bootstrap/js/bootstrap-transition.js", 
      "~/Content/bootstrap/js/bootstrap-alert.js", 
      "~/Content/bootstrap/js/bootstrap-button.js", 
      "~/Content/bootstrap/js/bootstrap-carousel.js", 
      "~/Content/bootstrap/js/bootstrap-collapse.js", 
      "~/Content/bootstrap/js/bootstrap-dropdown.js", 
      "~/Content/bootstrap/js/bootstrap-modal.js", 
      "~/Content/bootstrap/js/bootstrap-tooltip.js", 
      "~/Content/bootstrap/js/bootstrap-popover.js", 
      "~/Content/bootstrap/js/bootstrap-scrollspy.js", 
      "~/Content/bootstrap/js/bootstrap-tab.js", 
      "~/Content/bootstrap/js/bootstrap-typeahead.js", 
      "~/Content/bootstrap/js/bootstrap-affix.js"));

任何熟悉此庫的人都可以指向m e爲了這個工作正確的方向？

編輯我能夠修復搞砸的日曆。但是，現在我在datetimepicker關閉後出現了一條線索。任何想法如何消除這一點？

trail

來源

2013-07-24 Quoter

那些.LESS文件只是描述風格，而不是功能，您還必須包括

@Scripts.Render("~/bundle/scripts/bootstrap_js")

在_layout在.js文件拉..

〜希望有幫助

（你把那個bundles.Add（...）;在你的BundleConfig.cs中，對不對？）

雖然我看的越多，它就像我看起來像你可能設置正確，但你可能有你的日期/時間數據的問題？

來源

2013-07-24 20:01:43 MattInSD73

看來我忘了添加它的css文件。有太多bootstrap內含物讓我忽略它。但是現在有一件事讓我困擾。當拾取器關閉時，它會留下後面的邊界。這怎麼解決？ – Quoter

這是在所有瀏覽器中發生還是瀏覽器特定？（firefox，chrome，Safari等） – MattInSD73

這隻發生在IE版本10中。剛剛在FF和Chrome中進行了測試。但我沒有野生動物園。 – Quoter

如何添加bootstrap less css文件？

回答

相關問題