2014-02-04 1 views
0

я пытаюсь показать загрузочный ремень список групп и панелей в моем HTML-страницы, но он не работает ..Bootstrap панели и список не показан

<div class="container"> 
<div class="panel panel-primary"> 
<div class="panel-heading"> 
    <h3 class="panel-title">Report Filling</h3> 
</div> 
<div class="panel-body"> 
    <ul class="list-group" style="max-width: 200px;"> 
     <li class="list-group-item">@Html.ActionLink("Upload CTR", "UploadCTR", "Upload")</li> 
     <li class="list-group-item">@Html.ActionLink("Upload ETR", "UploadETR", "Upload")</li> 
     <li class="list-group-item">@Html.ActionLink("Upload STR", "UploadSTR", "Upload")</li> 
    </ul> 
</div> 

я иду в выходной как ..

enter image description here

+0

Вы получаете ошибку '404' в консоли? – jycr753

+0

Нет ............. – neel

+0

Все ли файлы css включены правильно? 'href =" ~/'? – jycr753

ответ

2

Ваш исходный код прекрасно работает, но вы упускаете хорошую ссылку на CSS, как @ jyrc753 предлагает.

<html> 
    <head> 

     <link href="bootstrap.min.css" rel="stylesheet"> 

    </head> 
    <body> 
    <div class="container"> 
     <div class="panel panel-primary"> 
     <div class="panel-heading"> 
     <h3 class="panel-title">Report Filling</h3> 
     </div> 
     <div class="panel-body"> 
     <ul class="list-group" style="max-width: 200px;"> 
     <li class="list-group-item">@Html.ActionLink("Upload CTR", "UploadCTR", "Upload")</li> 
     <li class="list-group-item">@Html.ActionLink("Upload ETR", "UploadETR", "Upload")</li> 
     <li class="list-group-item">@Html.ActionLink("Upload STR", "UploadSTR", "Upload")</li> 
     </ul> 
     </div> 
    </body> 
</html> 

Это прекрасно работает.

Пример http://jsfiddle.net/xLmjv/

0

шаблон проекта ASP.NET MVC автоматически создает пакеты для начальной загрузки. Проверьте, правильно ли они созданы и загружены в общий файл _Layout:

@Scripts.Render("~/bundles/bootstrap") 
@Styles.Render("~/Content/css") 
Смежные вопросы