Bootstrap溢出

Question

我設計了一個新的網站。我使用bootstrap，但我有一個問題。

<div class="row"> 
    <div class="col-md-2 red-border"> 
    asdasdlknadlamaslfknasjşklfnsadjşlkfnbasdşjlfksnadbfjşa 
    </div> 
</div> 

.red-border{ 
    text-align: center; 
    margin-top: 50px; 
    border: solid 2px red; 
    height: 250px; 
    margin-left: 20px; 
} 

當我寫這段代碼時，我看到了。

謝謝大家。

Answer 1

我不完全確定您要查找的結果，但它看起來像您在引導程序中設置的列大小col-md-2對於您的內容太小。你可以增加它的大小或以不同的方式處理溢出的內容。以下代碼將隱藏溢出：

.red-border{ 
    text-align: center; 
    margin-top: 50px; 
    border: solid 2px red; 
    height: 250px; 
    margin-left: 20px; 

    // ADDED STYLE 
    overflow: hidden; 

} 

Answer 2

您需要做的是「換行」文本。只需添加到您的.red-border style：

word-wrap: break-word;