擁抱Bootstrap 4 --先整一個固定瀏覽條以及輕慢關

2018-10-30 约 1737 字 预计阅读 4 分钟

閑逛w3schools發現Bootstrap 4教程。

一看開發的兩位大神也是開發twitter的。

Bootstrap是將javascript和css包裝起來的一個庫。有點像剛開始學編程時的微軟弄的Visual C++的MFC類庫。

當年學這個類庫,將codeguru的MFC子類看得爛熟,差點在csdn論壇混了個Visual C++版的斑竹。

世易時移,三十年河東三十年河西,如今沒有程序員再去用Windows編Visual C++程序了。

感慨完了。正打算弄一個固定在下端的瀏覽條。用Bootstrap試試。簡單的幾行代碼搞定
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<style>
body { padding-bottom: 70px; }
</style>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-bottom" >
<a class="navbar-brand" href="#">
<img src="/placeholder.svg" data-src="logo.jpg" class="img-thumbnail" style="width:40px;">
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navb">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navb">
<ul class="navbar-nav mr-auto">
<li class="navbar-text">
Related Product:
</li>
<li class="nav-item">
<a class="nav-link text-info" href="javascript:void(0)">Link</a>
</li>
<li class="nav-item">
<a class="nav-link text-warning" href="javascript:void(0)">Link</a>
</li>
<li class="navbar-text">
Navbar text
</li>
</ul>
<!-- Navbar text-->

<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search More Tutorials">
<button class="btn btn-success my-2 my-sm-0" type="button">Search</button>
</form>
</div>
</nav>

簡單實現



 




繼續細讀通關文,今次是輕慢關
中庸曰:“大哉聖人之道,洋洋乎發育萬物,峻極於天,優優大哉。禮儀三百,威儀三千,待其人而後行。”

老祖曰:“天上地下,惟道獨尊。”

複命篇曰:“有物先天地,無名本寂寥。能為萬象主,不逐四時凋。”

此皆言道之至大至尊,匪人弗行也。

夫道之為道,廣大無際,高深莫測,至無而含至有,至虛而含至實,無形而能生有形,無象而能生萬象,包羅天地,推遷日月,運行四時,育養萬物。

無處不有,無物不存。

昔孔子得之,而為儒教之聖;釋迦得之,而為諸佛之祖;老君得之,而為群仙之宗;黃帝得之,而跨龍升天;女媧得之,而煉石補天;旌陽得之,而拔宅飛升;天師得之,而分人判鬼;五祖得之,而位證天仙;七真得之,而不生不滅。

古今成道聖賢,曆曆有考,不可以數計。

道之尊貴如此,豈可輕褻慢視乎?

若以平常小事觀之,而輕褻慢視,則非載道之材,乃是背道之輩,尚可以語道哉?

蓋輕視乎道,則必以學道為容易知,而不能鑽研深入;慢視乎道,則必以行道為不足為,而不能苦力前進。

不能入,不能進,憑何修持以成天下希有之事耶?

故學道者,先要知的道是至尊至貴之物。

非可容易而知,等閑而得。

方能發的狠心,用的苦功,經久不怠,必至成道而後已。

世間糊塗學人,不知道為天地所秘,鬼神所寶,輕慢小視,絕無誠心。

或仗自己小聰明,以為能以會悟;或記幾句野狐禪,以為道即在此;或捉風捕影,以為實有所知;或指鹿為馬,以為實有所見;或遇明人詢問,大言不慚而絕無誠心;或逢同道考究,強辨自是而略無忌憚。

又有一等口孽魔頭,聞人言道而便毀謗;見人看書而便憎嫌。

以聖賢經典科論為包皮外象,以誌士積功累行為下乘小事。

偶遇高人,不肯低頭而反以高人自居。

即能暫時低頭,又耐不得年月,受不得磨磋。

殊不知學道求人,所以求人救我之性命耳。

求人救性命必象個惜性命之人,然後,能明則感動真師指引,暗則感動鬼神扶持。

若不象惜性命之人,便是不以大道為尊貴。

既不尊貴大道,如何得聞大道,豈不愚之甚哉?

吾勸真心學道者,速將輕慢關口打通。

信道篤實,鄭重性命。

奉師誠敬,小心謹慎,兢兢業業,腳跟著地,不敢稍有輕視慢褻之心。

如登高山,步步出力;如渡大江,刻刻防險;何患不能登於道岸也。

否則,不知道之高低貴賤,當有如無,懈怠為事,牧羊拾柴,妄想明道,難矣。

此關通法要在“道心開發”。

西遊記第一回就苦口相勸
(美猴王)在市塵中,學人禮,學人話。朝餐夜宿,一心裏訪問佛仙神聖之道,覓個長生不老之方。見世人都是為名為利之徒,更無一個為身命者。正是那:
爭名奪利幾時休?早起遲眠不自由!
騎著驢騾思駿馬,官居宰相望王侯。
隻愁衣食耽勞碌,何怕閻君就取勾?
繼子蔭孫圖富貴,更無一個肯回頭!

紅樓夢第一回亦有開示:
士隱本是有夙慧的,一聞此言,心中早已悟徹,因笑道:“且住,待我將你這《好了歌》注解出來何如?”

道人笑道:“你就請解。”

士隱乃說道:
陋室空堂,當年笏滿床。衰草枯楊,曾為歌舞場。蛛絲兒結滿雕粱,綠紗今又
在蓬窗上。說甚麼脂正濃、粉正香,如何兩鬢又成霜?昨日黃土隴頭埋白骨,今宵
紅綃帳底臥鴛鴦。金滿箱,銀滿箱,轉眼乞丐人皆謗。正歎他人命不長,那知自己歸來喪?訓有方,保不定日後作強梁。擇膏粱,誰承望流落在煙花巷!因嫌紗帽小,致使鎖枷扛。昨憐破襖寒,今嫌紫蟒長:亂烘烘你方唱罷我登場,反認他鄉是故鄉。甚荒唐,到頭來都是“為他人作嫁衣裳”。

道心開發,明道乃第一等大事,自然不會輕慢。此關自然可通。

author

Jesse Lau

網名遁去的一,簡稱遁一。2012年定居新西蘭至今,自由職業者。手搓的GPTs
本文采用知識共享署名 4.0 國際許可協議進行許可。簡而言之,可隨意轉發轉載,轉載請注明出處。


留点评论吧: