利用bootstrap來設計html和css

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

開始轉戰(zhàn)回前臺設計

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

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

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


正題:

因為一開始就學了一些html和css還有javascript,現(xiàn)在想要把頁面做得更加精致

所以開始尋找合適的框架

看了網(wǎng)上的評價之后,決定使用bootstrap,并且它又是開源的

很多人推薦,于是就開始找教程


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

這里十分推薦鏈接:www.itdecent.cn/p/a297161a0da2

(ps:不要忘記引進jquery,因為它基本上是在jquery的基礎上進行的?。?!不然像你要做的輪播就轉不了頁,我一直都忘了引進,所以也蒙蔽了一會,上網(wǎng)搜就有的了,而且都只是很小的文件,畢竟是框架)

這個教程十分詳細而且很棒,其實要花的時間并不多,

問題就只是我在某一個引入圖片的地方卡住了

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

弄了我半天,轉到桌面弄,打算弄明白為什么

因為還要連接后臺

做完這個教程之后,然后我就開始上手了

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

更改主題,其實發(fā)現(xiàn)對于我這種不精通的人來說,

的確比較簡單也容易,其實基本掌握了html和css的都比較容易理解的了

附上今天的成果:


這個是主題里面的,其實很簡單的復制粘貼,然后再在自己的style.css里面修改class的屬性,居中還有top和bottom的位置還有width的長度就可以的了


這個是在鏈接作者的基礎上修改了一下,包括改了一下輪播圖片的大小和居中一些零零碎碎的(我家兩只愛寵哈哈哈哈哈哈哈,弄六個是因為我們家族加上他們兩個一共有6只萌寵,但是暫時只放了我們家的兩只)

繼續(xù)學習!繼續(xù)進步!

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容