Bootstrap系列之實現(xiàn)圓形圖片效果

安裝bootstrap環(huán)境，下載框架文檔和core代碼

您可以從?http://getbootstrap.com/?上下載 Bootstrap 的最新版本。當您點擊這個鏈接時，您將看到如下所示的網(wǎng)頁：

您會看到兩個按鈕：

Download Bootstrap：下載 Bootstrap。點擊該按鈕，您可以下載 Bootstrap CSS、JavaScript 和字體的預編譯的壓縮版本。不包含文檔和最初的源代碼文件。

Download Source：下載源代碼。點擊該按鈕，您可以直接從 from 上得到最新的 Bootstrap LESS 和 JavaScript 源代碼。

如果您使用的是未編譯的源代碼，您需要編譯 LESS 文件來生成可重用的 CSS 文件。對于編譯 LESS 文件，Bootstrap 官方只支持Recess，這是 Twitter 的基于?less.js?的 CSS 提示。

為了更好的了解和更方便的使用，我們將在本教程中使用 Bootstrap 的預編譯版本。

由于文件是被編譯過和壓縮過的，在獨立的功能開發(fā)中，您不必每次都包含這些獨立的文件。

然后，引入js和css文件

添加屬性：

class="img-circle">

然后就可以很快實現(xiàn)圓形圖片，要是CSS實現(xiàn)的話，就沒這么簡單了，Bootstrap框架是推特推出的一款響

Bootstrap CSS

版權聲明：本文內(nèi)容由網(wǎng)絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權內(nèi)容。