MVC 애플리케이션의 부트 스트랩

Question

간단한 튜토리얼을 통해 간단한 HTML 페이지에서 부트 스트랩이 작동하고 모든 것이 훌륭하게 작동합니다. http://getbootstrap.com/customize/에 가서 파일을 다운로드하고 js, fonts 및 css 폴더를 루트 디렉토리에 올바른 파일과 함께 만들었습니다. 일단 모든 것이 작동하면 MVC 버전을 만들기로 결정하여 기본 MVC4 응용 프로그램을 만들고 동일한 폴더와 내용을 Visual Studio 솔루션에 추가했습니다. 머리글과 바닥 글과 같은 html 콘텐츠를 가져 와서 _Layout.cshtml 파일에 넣고 응용 프로그램을 실행하면 모든 것이 멋지게 보입니다. System.Web : 나는 내가 다음과 같은 오류가 응용 프로그램을 실행할 때 내 Index.cshtml 페이지

@using BootstrapTest.Models 

@{ 
    ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 

@using (var f = Html.Bootstrap().Begin(new Form().LabelWidthMd(2).LabelWidthSm(3))) 
{ 
    @f.FormGroup().TextBoxFor(m => m.Email) 
    @f.FormGroup().TextBoxFor(m => m.Password) 
    @f.FormGroup().CheckBoxFor(m => m.RememberMe) 
    @f.FormGroup().CustomControls(Html.Bootstrap().SubmitButton()) 
} 

에 다음을 추가 있도록

다음 나는 부트 스트랩 예제 페이지에서 간단한 예제를 만들하기로 결정했다. Mvc.HtmlHelper에는 부트 스트랩에 대한 정의가 없습니다. 이 문제를 해결하는 방법을 모르겠습니다. 페이지 상단이나 web.config에 추가해야하는 지시문이 있습니까?

Answer 1

이 HTML 도우미는 부트 스트랩의 이 아니고입니다.

이들은 TwitterBootstrapMVC 라이브러리입니다.이 라이브러리는 부트 스트랩이있는 깨끗한 HTML을 쉽게 작성합니다.

이 라이브러리없이 일반적인 부트 스트랩을 사용하려는 경우, 당신은 다음과 같이 HTML 태그를 작성해야합니다 : 그것은 당신의 부트 스트랩 라이브러리에 대한 참조가없는 것처럼

<form action="/" class="form-horizontal" method="post"> 
    <div class="form-group"> 
    <label class="control-label col-sm-3 col-md-2" for="Email"> 
     Email 
     <span class="required">*</span> 
    </label> 
    <div class="col-sm-9 col-md-10"> 
     <input class="form-control" id="Email" name="Email" type="text" value=""> 
     <span class="help-inline"> 
     <span class="field-validation-valid" data-valmsg-for="Email"></span> 
     </span> 
    </div> 
    </div> 
    <div class="form-group"> 
    <label class="control-label col-sm-3 col-md-2" for="Password"> 
     Password 
     <span class="required">*</span> 
    </label> 
    <div class="col-sm-9 col-md-10"> 
     <input class="form-control" id="Password" name="Password" type="text" value=""> 
     <span class="help-inline"> 
     <span class="field-validation-valid" data-valmsg-for="Password"></span> 
     </span> 
    </div> 
    </div> 
    <div class="form-group"> 
    <div class="control-label col-sm-3 col-md-2"></div> 
    <div class="col-sm-9 col-md-10"> 
     <div class="checkbox"> 
     <label for="RememberMe"> 
      <input id="RememberMe" name="RememberMe" type="checkbox" value="true"> 
      <input name="RememberMe" type="hidden" value="false"> 
      Remember Me 
      <span class="required">*</span> 
      <span class="help-inline"> 
      <span class="field-validation-valid" data-valmsg-for="RememberMe"></span> 
      </span> 
     </label> 
     </div> 
    </div> 
    </div> 
    <div class="form-group"> 
    <span class="control-label col-sm-3 col-md-2"></span> 
    <div class="col-sm-9 col-md-10"> 
     <button class="btn-default btn" type="submit">Submit</button> 
    </div> 
    </div> 
</form>