Examples of thumbnails and warning boxes in Bootstrap notes, and bootstrap instances

Examples of thumbnails and warning boxes in Bootstrap notes, and bootstrap instances

1. Basic thumbnails

Add a class to a labelclass="thumbnail"As follows:

<Div class = "row"> <div class = "col-md-3 col-sm-6"> <a href = "#" rel = "external nofollow" rel = "external nofollow" rel = "external nofollow "rel =" external nofollow "class =" thumbnail ">  </a> </div> <div class =" col-md-3 col-sm-6 "> <a href =" # "rel =" external nofollow "rel =" external nofollow "rel = "external nofollow" class = "thumbnail">  </a> </div> <div class =" col-md-3 col-sm-6"> <a href = "#" rel = "external nofollow" rel = "external nofollow" rel = "external nofollow" rel = "external nofollow" rel = "external nofollow" class = "thumbnail">  </a> </div> <div class = "col-md-3 col-sm-6"> <a href = "#" rel = "external nofollow" rel = "external nofollow" rel = "external nofollow" rel = "external nofollow" class = "thumbnail">  </a> </div>

2. Add thumbnail content

<Div class = "row"> <div class = "col-md-4 col-sm-6"> <div class = "thumbnail"> <a href = "#" rel = "external nofollow" rel = ""external nofollow" rel = "external nofollow">  </a> <div class =" caption "> 
3. Warning box

Click the cross sign in the upper right corner to close the Alert box. You can change the background colors alert-warning, alert-info, alert-success, and alert-danger.
Add a class to the Alert box that can be closed;alert-dismissibleAnd buttonsbutton.
You can also add a link in the warning box:
<P> message <a href = "#" rel = "external nofollow" rel = "external nofollow" rel = "external nofollow" class = "alert-link"> Baidu </a> </p> <div class = "alert-warning alert-dismissible"> <button type = "button" class = "close" data-dismiss = "alert"> × </button> <p> here is the prompt message </p> </div>
The above is a detailed description of the thumbnails and warning boxes of Bootstrap notes introduced by the editor. I hope this will be helpful to you. If you have any questions, please leave a message for me, the editor will reply to you in a timely manner. Thank you very much for your support for the help House website!