不能在帶縮略圖的文字上獲得邊框

如何在下方的縮略圖上獲得好的邊框？我嘗試使用容器，但這意味着文字在md或sm屏幕寬度中使用時會偏離側面。不能在帶縮略圖的文字上獲得邊框

<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0"> 
    <div class="caption-blue thumbnail"> 
     <div> 
      <p>How can i get a border here, i would really like tht but everytime i try the text either runs off the side with a container or no border sows at all ... help!</p> 
     </div> 
    </div> 
</div>

CSS的標題藍色

.caption-blue{ 
     background: rgb(1,165,228); 
     font-family: 'myfont'; 
     color: white; 
    }

來源

2015-10-28 Fearghal

，你能否告訴我們一個你遇到什麼的工作例子？類縮略圖在引導程序中默認會獲得邊框，所以它應該可以工作。您可以在'.thumbnail> div> p'上設置一個'border'。 –

您今天問了這個問題。示例在哪裏？ – makshh

makshh我問另一個問題，爲什麼文本運行在一個div的邊緣，它似乎與容器有關。這是關於我的邊界缺少相同代碼的差異性問題。我將編輯問題以刪除我的css類標題 - 藍色 – Fearghal

只需使用CSS！

你可以做到這一點在你的DIV外部CSS-文件或DIREKT

.thumbnail { 
    border: solid 1px black; 
}

Fiddle

或純HTML：

<div class="caption-blue thumbnail" style="border: solid 1px black;">

Fiddle

來源

2015-10-28 22:24:29

不能在帶縮略圖的文字上獲得邊框

回答

相關問題