Question

我是Bootstrap和Less的新手并且正在努力......

我正在尝试从以下网站复制样本，但它们看起来并不像他们应该的那样。我究竟做错了什么？ http://bootsnipp.com/snipps/credit-card-payment-form-2

我已经通过Nuget安装了“Bootstrap Less Source”以及“Bundle Transformer：LESS”来将Less转换为CSS。我还修改了我的MVC BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                    "~/Scripts/bootstrap.js"));
bundles.Add("~/Content/css").Include(
                    "~/Content/site.less",
                    "~/Content/bootstrap/bootstrap.less");

我已将视图更新为包含以下内容：

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/bootstrap")

由于

Answer 1

看起来我的问题与Bootstrap的版本有关。我使用的是v3.0.0.0，而我正在查看的样本是在v2.3.2

中

只要我添加以下链接，一切正常。

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">

由于

使用Bootstrap通过较少的MVC4

1 个答案: