避免包裝到新行自舉3個表

Question

我把一個HTML表格來引導的彈出動態：

HTML彈出佔位符：

<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 
{ 
    width: 500px; 
} 

但這並沒有影響。

Answer 1

您需要覆蓋popover上的max-width屬性，該屬性已被設置爲276 px。

.popover { 
    max-width:500px; 
} 

實施例：

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