0 
<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>

我想使用引导程序，我是 MVC 的新手，我不知道该怎么做。我希望我的桌子可以在电脑屏幕和手机上打开。

4

1 回答 1

1

好的，首先，Bootstrap 有 12 列供您划分，并且有几个选项可以定义不同屏幕（计算机屏幕、手机）上列的大小

  • xs = 超小屏幕（手机）
  • sm = 小屏幕（平板电脑）
  • md = 中等屏幕（某些桌面）
  • lg = 大屏幕（剩余桌面）

所以在你的情况下，

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

应该做的伎俩。希望能帮助到你！:-)

于 2016-06-07T09:23:55.590 回答