2017-05-18 8 views
0

私は今、ブートストラップで作業を始めました。 https://i.stack.imgur.com/BNXXu.pngASP.NET +ブートストラップスタイルが動作しない

:私は結果を持っているすべてがこれです

bundles.Add(new StyleBundle("~/bundles/styles").Include(
      "~/Content/bootstrap.css", 
      "~/Content/bootstrap-responsive.css", 
      "~/Content/bootstrap-theme.css", 
      "~/Content/bars.css" 
      )); 
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
      "~/Scripts/bootstrap.js" 
      )); 

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
      "~/Scripts/jquery-3.1.1.js" 
      )); 

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    @Styles.Render("~/bundles/styles") 
    <title>Webstite Evaluation Tool</title> 
</head> 
<body> 
    <div class="input-append"> 
     <input class="span2" id="appendedInputButton" type="text"> 
     <button class="btn" type="button">Go!</button> 
    </div> 
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/bootstrap") 
</body> 
</html> 

バンドル:https://i.stack.imgur.com/PVPEy.png

はここに私のページのコードです:

は、私はこのようなフォームを必要としますこれを解決するにはどうすればよいですか?すべてのスタイルがロードされているようには見えませんが、ソースコードではバンドルからすべてが表示されます。

+0

チェックコンソールで

<div class="row"> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div><!-- /input-group --> </div><!-- /.col-lg-3 --> </div><!-- /.row --> 

例、CSSやJSファイルを欠落しているためにエラーがあるのですか? –

答えて

関連する問題