2014-07-03 62 views
-1

Im使用下面的代码把3个按钮彼此相邻,这是工作 好吧,当我使用它像下面,问题是当我减小尺寸浏览器页面缓慢的detailes按钮成为最上面的删除按钮, 的编辑和删除不变,我怎样才能使细节按钮做出反应?按钮没有反应在平行按钮

@if (ViewBag.condition) 
    { 
     <td> 
      @Html.ActionLink("Edit", "Edit", new { id = item.ID }) | 
      @Html.ActionLink("Delete", "Delete", new { id = item.ID }) | 
     </td> 
     <td style="position:relative; right: 60px ">@Html.ActionLink("Details", "Details", new { id = item.ID })</td> 
    } 
    else 
    { 
     <td>@Html.ActionLink("Details", "Details", new { id = item.ID })</td> 
    } 
+0

不要首先使用表格!请! – valerio0999

+0

@vlrprbttst他们可能会把按钮放在桌子里,原因是... – Grapho

+1

@ vlrprbttst-按钮是针对表格中的每一行... –

回答

1

没有太多的代码可以使用,而且我对bootstrap的了解也不多。但通常在移动设备上,我将td的显示设置为阻止。然而,你的文档类型声明可以确定是否会工作(我相信你必须在标准模式)。尝试,如果你有机会获得它添加给你的CSS和/或媒体查询:

@media screen and (max-width: 480px){ 

    td{ 
     display: block; /* or inline-block */ 
    } 

} 

你可以或者测试与您的TD元素内嵌样式加入:

style="display:inline-block;" 

祝你好运!