本篇內(nèi)容主要講解“bootstrap是不是國內(nèi)開發(fā)的”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“bootstrap是不是國內(nèi)開發(fā)的”吧!
創(chuàng)新互聯(lián)建站公司2013年成立,先為衡東等服務(wù)建站,衡東等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為衡東企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
bootstrap不是國內(nèi)開發(fā)的,而是美國Twitter公司的設(shè)計師“Mark Otto”和“Jacob Thornton”開發(fā)的;Bootstrap是基于HTML、css、JavaScript開發(fā)的用于快速開發(fā)web應(yīng)用程序和網(wǎng)站的前端框架。
本教程操作環(huán)境:Windows10系統(tǒng)、bootstrap5版、DELL G3電腦
bootstrap不是國內(nèi)開發(fā)的
Bootstrap 是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
歷史
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發(fā)的。Bootstrap 是 2011 年八月在 GitHub 上發(fā)布的開源產(chǎn)品。
為什么使用 Bootstrap?
移動設(shè)備優(yōu)先:自 Bootstrap 3 起,框架包含了貫穿于整個庫的移動設(shè)備優(yōu)先的樣式。
瀏覽器支持:所有的主流瀏覽器都支持 Bootstrap。
Internet Explorer Firefox Opera Google Chrome Safari
容易上手:只要您具備 HTML 和 CSS 的基礎(chǔ)知識,您就可以開始學(xué)習(xí) Bootstrap。
響應(yīng)式設(shè)計:Bootstrap 的響應(yīng)式 CSS 能夠自適應(yīng)于臺式機、平板電腦和手機。更多有關(guān)響應(yīng)式設(shè)計的內(nèi)容詳見 Bootstrap 響應(yīng)式設(shè)計。
響應(yīng)式設(shè)計
它為開發(fā)人員創(chuàng)建接口提供了一個簡潔統(tǒng)一的解決方案。
它包含了功能強大的內(nèi)置組件,易于定制。
它還提供了基于 Web 的定制。
它是開源的。
Bootstrap 包的內(nèi)容
基本結(jié)構(gòu):Bootstrap 提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在 Bootstrap 基本結(jié)構(gòu) 部分詳細(xì)講解。
CSS:Bootstrap 自帶以下特性:全局的 CSS 設(shè)置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進(jìn)的網(wǎng)格系統(tǒng)。這將在 Bootstrap CSS 部分詳細(xì)講解。
組件:Bootstrap 包含了十幾個可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。這將在 布局組件 部分詳細(xì)講解。
JavaScript 插件:Bootstrap 包含了十幾個自定義的 jQuery 插件。您可以直接包含所有的插件,也可以逐個包含這些插件。這將在 Bootstrap 插件 部分詳細(xì)講解。
定制:您可以定制 Bootstrap 的組件、LESS 變量和 jQuery 插件來得到您自己的版本。
示例如下:
<!DOCTYPE html> <html> <head> <title>Bootstrap 實例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="jumbotron"> <h2>我的第一個 Bootstrap 頁面</h2> <p>重置窗口大小,查看響應(yīng)式效果!</p> </div> <div class="row"> <div class="col-sm-4"> <h4>第一列</h4> <p>學(xué)的不僅是技術(shù),更是夢想!</p> <p>再牛逼的夢想,也抵不住你傻逼似的堅持!</p> </div> <div class="col-sm-4"> <h4>第二列</h4> <p>學(xué)的不僅是技術(shù),更是夢想!</p> <p>再牛逼的夢想,也抵不住你傻逼似的堅持!</p> </div> <div class="col-sm-4"> <h4>第三列</h4> <p>學(xué)的不僅是技術(shù),更是夢想!</p> <p>再牛逼的夢想,也抵不住你傻逼似的堅持!</p> </div> </div> </div> </body> </html>
輸出結(jié)果:
到此,相信大家對“bootstrap是不是國內(nèi)開發(fā)的”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
新聞標(biāo)題:bootstrap是不是國內(nèi)開發(fā)的
瀏覽地址:http://jinyejixie.com/article32/iipppc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、微信公眾號、商城網(wǎng)站、網(wǎng)頁設(shè)計公司、云服務(wù)器、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)