如何將此代碼轉換爲使用引導程序？它有10列

<div class="text-center"> 
    <span class= "container-fluid">  
     @Html.Grid(Model).Columns(columns =>  
     columns.Add(foo => foo.IncidentNumber).Titled("Incident Number").SetWidth(50).Filterable(true); 
     columns.Add(foo => foo.OpenedBy).Titled("Opened By").SetWidth(110); 
     columns.Add(foo => foo.OpenedDate).Titled("Opened Date").SetWidth(110).Sortable(true); 
     columns.Add(foo => foo.Environment).Titled("Environment").SetWidth(110).Filterable(true); 
     columns.Add(foo => foo.AssignedPerson).Titled("Assigned Person").SetWidth(110).Filterable(true); 
     columns.Add(foo => foo.Description).ToString().Substring(0, 10); 
     columns.Add(foo => foo.LatestFeedback).Titled("Latest Feedback").SetWidth(110); 
     columns.Add(foo => foo.LatestFeedBackDate).Titled("Latest FeedBack Date").SetWidth(110); 
     columns.Add(foo => foo.ServiceManagerStatus).Filterable(true); 
     columns.Add(foo => foo.ReportBackdate).Titled("ReportBackdate").SetWidth(110); 
     columns.Add() 
     .Encoded(false) 
     .Sanitized(false) 
     .RenderValueAs(foo => Html.ActionLink("Details", "Details", new { id = foo.IncidentID })); 
     }).WithPaging(20).Sortable(true) 
    </span> 
</div>

我想使用bootstrap，我是新來的MVC，我不知道該怎麼做。我想讓我的桌子在電腦屏幕上以及手機上打開。如何將此代碼轉換爲使用引導程序？它有10列

來源

2016-06-07 johnny

好第一件事首先，引導有12列，你來劃分，有幾個選項，你可以定義不同的屏幕列的大小（電腦屏幕，手機）

XS =額外小屏幕（移動電話）
SM =小屏幕（粒）
MD =中等屏幕（一些桌面）
LG =大屏幕（剩餘桌面）

所以你的情況，

<div class="col-md-1 col-xs-1">your column</div>

應該做的伎倆。希望能幫助到你！ :-)

來源

2016-06-07 09:23:55

如何將此代碼轉換爲使用引導程序？它有10列

回答

相關問題