Để biên soạn thư mục tệp Bootstrap .less với Visual Studio 2012 + Web Essentials 2012, bạn phải điều chỉnh một chút vì Web Essentials không thể biên dịch thư mục bootstrap less như được định dạng trên github.
Thêm bootstrap-3.0.0-wip folder vào dự án web Visual Studio. (dự án của tôi đã xảy ra là một dự án trống rỗng của ASP.Net MVC 4, nhưng nó không quan trọng.)
Di chuyển tệp bootstrap.less (điểm vào cho tất cả các tệp ít hơn của dự án) lên một thư mục, để lại tất cả các tệp khác trong thư mục \ less.
Nó sẽ giống như thế này:
bootstrap.less
less\[all other less files].less
Tiếp theo, chỉnh sửa các tập tin bootstrap.less thêm "ít \" thư mục prefix cho tất cả các báo cáo @import như sau:
// Core variables and mixins
@import "less\variables.less";
@import "less\mixins.less";
// ...etc until all of the import statements include less\ at the start
Bây giờ, hãy lưu dự án. Tệp bootstrap.less đã di chuyển phải được biên dịch thành tệp bootstrap.css và tệp bootstrap.min.css trừ khi bạn vẫn còn lỗi biên dịch. (xem danh sách lỗi để biết chi tiết)
Các tệp .less còn lại sẽ không biên dịch vì chúng vẫn có lỗi (không có câu lệnh @import trên từng tệp riêng lẻ), nhưng nó không quan trọng vì bạn đã biên dịch một tệp quan trọng.
Nếu bạn tích hợp Bootstrap3.0.0-wip mã nguồn trong dự án ASP.MVC 4, bạn có thể tận dụng gói MVC 4 để biên dịch các tệp JS.
Giả sử bạn thả mã nguồn Bootstrap vào một thư mục trong dự án của bạn/Content/bootstrap, thêm teh sau để tập App_Start \ BundleConfig.cs của bạn:
// 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"));
(Lưu ý: Thứ tự các file js được lấy từ Makefile kèm theo dự án)
Cảm ơn bạn đã cập nhật! Những sự giúp đỡ đó. –