如果你像我一樣:是個前端渣,能看懂css和html,略懂Bootstarp,懶!
當你每次都想獨立完成一個web頁面而不知道從哪里下手的時候,那么下面的這個網站,就是你所以需要的!
http://www.runoob.com/try/bootstrap/layoutit/
這是可以放到web中的元素,需要解釋下的就是——布局系統,就是布局,就是你把一行分為幾個塊,然后在每個塊中再放元素。
這就是所謂的布局,參考:網格系統——http://www.runoob.com/bootstrap/bootstrap-grid-system.html
可以選擇最左邊的不同設備圖標,查看這個頁面在不同設備上的效果。
然后下載,可以把你設計好的樣式的代碼下載你的本地。
這樣下載下來的代碼,可以直接放到html,需要注意的是,cdn可以轉成本地的源,或者換一個,我覺得他提供的有點卡!
然后就是根據你的需要在進行修改,挖坑填數據(因為我用的是模版引擎動態生成的html)。
你可以通過這個網站,可視化的把你的web頁面的框架搭建好,之后你只需要調節一些細節。
這個時候懂一些bootstrap知識,會讓你事半功倍!bootstarp入門知識:
在看下面的資料之前,我在這里嘮叨一下:
1.不要把所有章節都看一遍再動手構建你的頁面
2.大致知道bootstrap都提供那些東西
3.要有耐心,一點點弄
http://www.runoob.com/bootstrap/bootstrap-tutorial.html
就這樣,你也可以獨自完成一個web 頁面了