Bootstrap基本樣式學(xué)習(xí)筆記之圖片(6)
更新時間：2016年12月07日 14:49:43 作者：kikay
這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之圖片基本樣式的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下
直接看Bootstrap圖片基本樣式例子：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="stylesheet"> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="../../js/bootstrap.min.js"></script> <title>圖片</title> </head> <body> <div class="container"> <div class="page-header"> <h1>照片樣式</h1> </div> <div class="col-lg-3"> <h3>原始照片</h3> <img src="../../img/girl.jpg"> </div> <div class="col-lg-3"> <h3>圓形效果</h3> <img src="../../img/girl.jpg" class="img-circle"> </div> <div class="col-lg-3"> <h3>圓角效果</h3> <img src="../../img/girl.jpg" class="img-rounded"> </div> <div class="col-lg-3"> <h3>邊框效果</h3> <img src="../../img/girl.jpg" class="img-thumbnail"> </div> </div> </body> </html>
效果如下：
如果大家還想深入學(xué)習(xí)，可以點擊這里進行學(xué)習(xí)，再為大家附3個精彩的專題：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
js可以利用dom非常輕松的就可以遍歷一個表格。當然只要是dom中有的所有對象都可以通過js來訪問和處理2013-07-07
這篇文章主要介紹了JS閉包的學(xué)習(xí)心得，以及分析其中遇到的問題，需要的朋友跟著參考下吧。2018-04-04
實例學(xué)習(xí)Javascript之構(gòu)建方法、屬性
實例學(xué)習(xí)Javascript之構(gòu)建方法、屬性...2007-03-03
JS基于clipBoard.js插件實現(xiàn)剪切、復(fù)制、粘貼
這篇文章主要介紹了JS實現(xiàn)剪切、復(fù)制、粘貼——clipBoard.js 的相關(guān)資料,需要的朋友可以參考下2016-05-05
淺析JavaScript中l(wèi)et與const命令的區(qū)別
這篇文章主要為大家詳細介紹了JavaScript中l(wèi)et命令與const命令的用法及區(qū)別,文中的示例代碼講解詳細,具有一定的借鑒價值,需要的可以參考下2023-09-09
Invalid?Host?header問題該如何解決的幾種方式
Invalid Host header是一個常見的錯誤信息,通常發(fā)生在Web應(yīng)用程序中,下面這篇文章主要給大家介紹了關(guān)于Invalid?Host?header問題該如何解決的幾種方式,需要的朋友可以參考下2024-09-09
本文給大家記錄的是一次谷歌Chrome瀏覽器擴展程序的開發(fā)過程，非常的細致，有類似開發(fā)念頭的小伙伴們可以來參考下2016-01-01
JavaScript實現(xiàn)封閉區(qū)域布爾運算的示例代碼
這篇文章主要介紹了JavaScript實現(xiàn)封閉區(qū)域布爾運算的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
微信小程序登錄對接Django后端實現(xiàn)JWT方式驗證登錄詳解
這篇文章主要介紹了微信小程序登錄對接Django后端實現(xiàn)JWT方式驗證登錄詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
JavaScript三種方法解決約瑟夫環(huán)問題的方法
約瑟夫環(huán)問題又稱約瑟夫問題或丟手絹問題，是一道經(jīng)典的算法問題，本篇將以循環(huán)鏈表、有序數(shù)組、數(shù)學(xué)遞歸三種方式來解決約瑟夫環(huán)問題。感興趣的可以了解一下2021-09-09