引導格在yii2

-1

我正在使用引導CSS和它的響應，這是很好的清單，但我做的長文本，就像在Facebook的通知的通知列表多引導格在yii2

我有我怎麼能一個問題使該div多行像看下面的圖片。

我想使div好像我調整窗口的大小比它應該自動打破文本並顯示在下一行。

這裏是那li

<li>'+ 
    '<div id="notification-panel" class="panel panel-default">'+ 
    '<div id="notification-body" class="panel-body">'+ 
     '<div id="notification-image" class="panel-more1">'+ 
      '<img src="../uploads/'+notificationlist[index].image+'" class="img-rounded" width="50" height="50" />'+ 
     '</div>'+ 
     '<div id="notification-info" class="panel-info">'+ 
      '<label> Someone just checked into '+ notificationlist[index].sourceName + '</label><br>'+ 
     '</div>'+ 
    '</div>'+ 
    '</div>'+ 
'</li>

的html這裏是可能會影響我試圖改變

#notification-body{ 
    font-size:12px; 
    padding: 5px 10px 5px 5px; 
    white-space: nowrap; 
} 

#notification-panel{ 
    margin-bottom:5px; 
    word-wrap: break-word; 
} 

#notification-info{ 
    margin: 0px; 
    white-space: normal; 
}

來源

2015-10-15 Mike Ross

把'word-wrap'屬性放到''div'就像'word-wrap：breakword' –

@GuruprasadRao這是一個聲明，而不是一個單一的長詞..這就是爲什麼我猜它不工作，我已經嘗試過什麼你建議 –

你的div是否有像col-md-3或col-sm-3這樣的引導列大小類？ –

-1

好不知何故，我得到的答案的CSS

我所有的要做的是改變那個div的width，這樣當我調整窗口大小時，它會強制打破這個句子並將它分解成下一個大小。

來源

2015-10-15 05:08:51

回答

相關問題