设置引导警报框宽度

Question

我从我的cshtml（asp.net mvc）调用bootstrap.alert框并向其传递一个字符串，该字符串实际上是一个带有标题和一行数据的表。问题是由于许多列，行长度很长，并且当显示警报时，内容从对话框中传出。这些可以使用键盘＆lt; - 按钮查看，滚动对话框和内容是可见的。我的查询是为什么不根据内容增加对话框宽度，或者至少在警告框内显示滚动条，以便用户可以滚动并查看内容。任何的想法。 代码很简单，如下所示

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。

Answer 1

为你的css

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

Answer 2

我做了一些更改，因为我的css文件超过了其他css文件，例如下面的＃34;

<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文件，只有上面的两行，并在上面的最后一个和中提琴中添加了它，它工作..

感谢Mindeater。