1. 程式人生 > 實用技巧 >Bootstrap學習筆記(三):基礎CSS&元件

Bootstrap學習筆記(三):基礎CSS&元件

>>> hot3.png

因為基礎CSS與元件在官方文件中描述得非常清楚,所以在這裡只是粗略的講一下,有些自己有見解的地方,和大家一起分享一下。

1. 在水平佈局表單中,有些時候僅僅是想要它的對齊方式,例如:

這時,右邊輸入的文字不能和左邊在同一水平線上,大家大可開啟bootstrap.css的原始碼,修改一下修飾表單的要是屬性。但切記不要在bootstrap.css中修改,最好自己重新寫一個css,然後將它!important。

2. 在使用圖示icon的時候,有些時候需要提示使用者圖示含義,因為在<i class="icon-x"><i>不能使用alt屬性,所以可以通過<abbr title="詳細資訊"><i></i><abbr>來進行提示。

3. 在元件的選項卡的切換效果使用時,作為沒有學習過jquery的小白來說,在引入jquery.js連結時,一定要記得放在其他所有js程式碼的前面,否則你怎麼點選,就是沒有動態效果,為這個我惱火了好久,還是怪自己基礎知識不紮實。

4. 在動態效果方面,IE對bootstrap中效果支援相當之差,因為bootstrap主要還是以CSS3來渲染的效果,而IE對此不怎麼相容,如果僅僅是學習還好,真要做起專案,還是很坑爹的,解決方式試了好幾個都不管用,還請高手支招。

5. 縮圖確實是一個感覺很強大的東西,不過現在暫時還不會靈活的運用,而且我覺得沒能力給大家表述清楚,所以建議大家可以看看這個視訊,雖然很短,但是對於認識縮圖還是有好處的

http://ninghao.net/video/485

自己在使用中注意到的點就是這些,相信以後會越來越深入。

轉載於:https://my.oschina.net/saitjr/blog/160987