Question

我动态地将html表放入bootstrap的弹出窗口：

html popup占位符：

<button 
  id="holder" 
  type="button" 
  class="btn btn-link btn-lg" 
  data-toggle="popover"
>Images info</button>

的javascript：

function getTab()
{

  var tab = $('<table class="table table-condensed table-hover"' +
    'style="margin-top: 20px;"></table>');
  tab
    .append($('<tr></tr>')
      .append($('<td></td>').text('Number of images:'))
      .append($('<td ></td>').text(100000)) )
    .append($('<tr></tr>')
      .append($('<td></td>').text('Images data type:'))
      .append($('<td ></td>').text('unsigned char (8 bit)')) )
    .append($('<tr></tr>')
      .append($('<td></td>').text('Images format type:'))
      .append($('<td ></td>').text('grascale mono')) );

  return tab;
}


$('#holder').popover(
  {
    trigger: 'click',
    html: 'true',
    placement: 'bottom',
  }
);

$('#holder').data('bs.popover').options.content = getTab();

一切正常（请参阅此处 - http://jsfiddle.net/JJQS9/192），但我需要在一行中呈现每个表格行 - 没有换行到新行。我试图扩展popover的宽度：

.popover
{
    width: 500px;
 }

但这没有效果。

Answer 1

您需要覆盖已设置为max-width的{{1}}上的popover媒体资源。

276 px

示例：

http://jsfiddle.net/JJQS9/193/

避免换行到bootstrap 3表中的新行

1 个答案: