设置引导警报框宽度答案

【问题标题】：Setup the bootstrap alert box width设置引导警报框宽度
【发布时间】：2015-04-20 09:18:26
【问题描述】：

我从我的 cshtml (asp.net mvc) 调用 bootstrap.alert 框，并传递给它一个字符串，该字符串实际上是一个带有标题和一行数据的表。问题是由于列多，行长度很长，并且当显示警报时，会从对话框中传递出内容。这些可以使用键盘

var tblRowDiv = "<div class='row'><table class='table table-bordered input-block-level'><thead><tr><th>" + ...."</td></tr></tbody></table></div>";

string rMsg = "'" + (((@HttpUtility.HtmlDecode(tblRowDiv))+ "'";

<a onclick="bootbox.alert(@rMsg);">@Html.DisplayFor(modelItem => item.TEST) </a>;

问题截图如下：

这是设置为调用某些事件来显示。可以添加滚动条吗？或者至少对话框大小将设置为最大值，而没有任何特定的 css。

【问题讨论】：

标签： asp.net-mvc twitter-bootstrap width alert

【解决方案1】：

为你的CSS

.modal-dialog { width: 100%; }
.modal-body {overflow-x: scroll;}

【讨论】：

我尝试了上述方法，但它没有改变任何视图。
我也添加了第二行，但输出仍然与最初的没有区别。
我做了一些更改，因为我的 css 文件在其他 css 文件之上，如下所示...添加答案，因为内容不适合此评论。

【解决方案2】：

我做了一些更改，因为我的 css 文件位于其他 css 文件之上，如下所示“

<link href="@Url.Content("~/Content/my_table.css")" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="~/Content/Bootstrap/css/bootstrap.min.css" type="text/css" />
<script src="~/Content/bootstrap/js/bootstrap.min.js"></script>
<script src="~/Scripts/MyOtherTable.js" type="text/javascript"></script>
<link href="@Url.Content("~/Content/dataTables.scroller.css")" rel="stylesheet" type="text/css" />

我在我现有的 css 文件 my_table.css 中添加了您的两行，并没有发现如上所述的差异。最后我用上面的两行创建了另一个 css 文件，并将它添加到上面的最后一个和 viola 中，它起作用了..

感谢 Mindeater。

【讨论】：