2016-04-04 37 views
-1

ASP.NETアプリケーションに提供されているデフォルト/一般的なHTMLで、ホームページが出て起動しIndex.cshtmlにHTMLでレンダリングされます。Bootstrapクラスが適用されないのはなぜですか?

<div class="jumbotron"> 
    <h1>ASP.NET</h1> 
    <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS, and JavaScript.</p> 
    <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p> 
</div> 

これは、上部の「jumbotronified」セクションを作成しますその中に大きな "ASP.NET"が含まれています。

しかし、私は別の場所でそのブートストラップCSSクラス(「ジャンボトロン」)を使用しようとすると、: - jumbotronned h1はレンダリングされますが、ジャンボトロンなし「効果」I

StringBuilder builder = new StringBuilder(); 
builder.Append("<html>"); 
builder.Append("<head>"); 
builder.Append("<title>"); 
builder.Append(string.Format("Available Delivery Performance Reports For 
{0}", unit)); 
builder.Append("</title>"); 
builder.Append("</head>"); 
builder.Append("<body>"); 

builder.Append("<div class=\"jumbotron\">"); 
builder.Append(String.Format("<h1>{0}</h1>", unit.ToUpper())); 
builder.Append("</div>"); 
. . . 
builder.Append("</table>"); 
builder.Append("</body>"); 
builder.Append("</html>"); 

return builder.ToString(); 

は、私は特別な何も得ますブートストラップクラスがプロジェクト内の1か所から利用可能な場合、それらはプロジェクトのどこからでも利用できると考えています。この動的HTMLをブートストラップ・サブシステムに導入するには、何が必要ですか?

+2

私はStringBuilderの内部で** ** bootstrap.min.css **と** bootstrap.min.js表示されません。 – Win

+0

どのようにブートストラップライブラリを含めることができましたか? – Aziz

+0

@Aziz:ホームページで使用されているので、すでに含まれていると思いました。 –

答えて

0

この(参照ブートストラップとjQuery CDNのは)動作します:

. . . 
builder.Append("</title>"); 
builder.Append("<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' rel='stylesheet' />"); 
builder.Append("<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>"); 
builder.AppendFormat("<script src=\"https://code.jquery.com/jquery-1.12.2.min.js\" integrity=\"sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=\" crossorigin=\"anonymous\"></script>"); 
builder.Append("</head>"); 
. . . 
3

新しいページ全体(つまり、レイアウトから継承せず、部分表示ではないページ)に対してCSSを生成しているようです。

// Example of adding in Bootstrap CSS 
builder.AppendFormat("<link href='{0}' rel='stylesheet' />", Url.Content("~/Style/bootstrap.min.css")); 
// Example of appending jQuery JS 
builder.AppendFormat("<script src='{0}'></script>",Url.Content("~/Scripts/jquery.min.js")); 
// Example of appending Bootstrap JS 
builder.AppendFormat("<script src='{0}'></script>",Url.Content("~/Scripts/bootstrap.min.js")); 
builder.Append("</head>"); 

あなたは、おそらくのようなものを使用することができます。その場合は、それらを適切に適用するため

、あなたは明示的には、この新しい生成されたページ内のブートストラップファイルを参照する必要があるでしょう

伝統的に、これらのファイルは、通常のビューのレイアウト内または<head>セクション内で参照されますが、手動でStringBuilder内のHTMLコンテンツ全体を構築するため、その中に参照を含める必要があります。

+0

"コンテンツ"は私のために "Url"メンバーを持っていません... –

+0

それはタイプミスでした。代わりに、[** Url.Content **](https://msdn.microsoft.com/en-us/library/system.web.mvc.urlhelper.content(v = 118).aspx)にする必要があります。 –

+0

Url.Contentと同じことです。 "Url。"私には "Equals"と "ReferenceEquals"しか与えられません。自動的に使用される「Url」は「System.Security.Policy.Url」です。使用するはずのものはありますか? –

関連する問題