Javascript 模态中的文本与引导网格未正确对齐

如何在引导网格上正确对齐引导中的文本？目前，所有产品都在一行上，未包装。 这是我的JavaScript代码：

$(document).ready(function() {
$("#grid-data").bootgrid({
caseSensitive: false,
rowCount: [25, 50],
formatters: {
  "poster": function(column, row) {
    return "<img src=\"http://image.tmdb.org/t/p/w500" + row.poster + "\" height=\"182\" width=\"138\" class=\"btn btn-xl btn-default command-modal\" data-toggle=\"modal\" data-target=\"#" + row.id + "\" ><div class=\"modal fade\" id=\"" + row.id + "\" role=\"dialog\" tabindex=\"-1\" aria-labelledby=\"gridSystemModalLabel\"><div class=\"modal-dialog \" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h4 class=\"modal-title\">" + row.movie + " (" + row.year + ")" + "</h4></div><div class=\"modal-body\">" + row.plot + "</div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\">Close</button></div></div></div></div>"
  },
  "link": function(column, row) {
    return "<a class=\"btn btn-xl btn-default\" href=\"http://imdb.com/title/" + row.id + "\" target=\"_blank\">" + row.id + "</a>";
  },
}
}).on("loaded.rs.jquery.bootgrid", function() {
$(this).find(".command-modal").click(function(e) {
  $($(this).attr("data-target")).modal("show");
});
});
});

$（文档）.ready（函数（）{
$（“#网格数据”）.bootgrid({
区分大小写：错误，
行计数：[25,50]，
格式化程序：{
“海报”：功能（列、行）{
返回“+row.movie+”（“+row.year+”）+“+row.plot+”关闭”
},
“链接”：功能（列、行）{
返回“”；
},
}
}).on（“loaded.rs.jquery.bootgrid”，函数（）{
$（this.find（“.command modal”）。单击（函数（e）{
$（$（this.attr（“数据目标”））.modal（“显示”）；
});
});
});

---

我准备了一个：单击电影海报启动模式。

要使文本不带省略号，您需要覆盖引导css，包括以下样式：

.bootgrid表td{
空白：正常；
}

---

它将导致这样的结果：

你所说的“正确对齐”是什么意思？@VincentOrback:单击我的JSFIDLE中的电影海报，你会看到长文本在一条单格线上，没有包装。谢谢@VincentOrback，这正是我需要的！