拥抱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="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年定居新西兰至今,自由职业者,从事网站和程式交易,曾获得Dukascopy外汇程序交易比赛2届月度冠军(id:Tradingwithea).
本文采用知识共享署名 4.0 国际许可协议进行许可。


留点评论吧:

本网站使用cookie技术以提高用户体验度。 了解我们的隐私政策 我已了解