设置 bootstrap 警告框宽度

Question

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

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 文件之上，如下所示“

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

设置 bootstrap 警告框宽度

Setup the bootstrap alert box width

asp.net-mvc

twitter-bootstrap

width

alert