利用bootstrap來(lái)設(shè)計(jì)html和css

昨天經(jīng)過(guò)嘗試后,把后臺(tái)php連接數(shù)據(jù)庫(kù)的刪除/插入/修改等操作都進(jìn)行了之后

開(kāi)始轉(zhuǎn)戰(zhàn)回前臺(tái)設(shè)計(jì)

現(xiàn)在我已經(jīng)相較于前一陣子什么都不懂

漸漸明白了各種什么前臺(tái)后臺(tái)數(shù)據(jù)庫(kù)

大概是都跑了一遍,各種設(shè)置環(huán)境,就有初步的理解了。


正題:

因?yàn)橐婚_(kāi)始就學(xué)了一些html和css還有javascript,現(xiàn)在想要把頁(yè)面做得更加精致

所以開(kāi)始尋找合適的框架

看了網(wǎng)上的評(píng)價(jià)之后,決定使用bootstrap,并且它又是開(kāi)源的

很多人推薦,于是就開(kāi)始找教程


后來(lái)經(jīng)過(guò)我的尋找后,發(fā)現(xiàn)自己利用bootstrap做一下操作實(shí)踐一下,可能更加能夠理解為什么

這里十分推薦鏈接:www.lxweimin.com/p/a297161a0da2

(ps:不要忘記引進(jìn)jquery,因?yàn)樗旧鲜窃趈query的基礎(chǔ)上進(jìn)行的!!!不然像你要做的輪播就轉(zhuǎn)不了頁(yè),我一直都忘了引進(jìn),所以也蒙蔽了一會(huì),上網(wǎng)搜就有的了,而且都只是很小的文件,畢竟是框架)

這個(gè)教程十分詳細(xì)而且很棒,其實(shí)要花的時(shí)間并不多,

問(wèn)題就只是我在某一個(gè)引入圖片的地方卡住了

不知道為什么在webserver下的不行

弄了我半天,轉(zhuǎn)到桌面弄,打算弄明白為什么

因?yàn)檫€要連接后臺(tái)

做完這個(gè)教程之后,然后我就開(kāi)始上手了

然后就調(diào)整尺寸位置之類的

更改主題,其實(shí)發(fā)現(xiàn)對(duì)于我這種不精通的人來(lái)說(shuō),

的確比較簡(jiǎn)單也容易,其實(shí)基本掌握了html和css的都比較容易理解的了

附上今天的成果:


這個(gè)是主題里面的,其實(shí)很簡(jiǎn)單的復(fù)制粘貼,然后再在自己的style.css里面修改class的屬性,居中還有top和bottom的位置還有width的長(zhǎng)度就可以的了


這個(gè)是在鏈接作者的基礎(chǔ)上修改了一下,包括改了一下輪播圖片的大小和居中一些零零碎碎的(我家兩只愛(ài)寵哈哈哈哈哈哈哈,弄六個(gè)是因?yàn)槲覀兗易寮由纤麄儍蓚€(gè)一共有6只萌寵,但是暫時(shí)只放了我們家的兩只)

繼續(xù)學(xué)習(xí)!繼續(xù)進(jìn)步!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容