免费开源鲶鱼cms系统如何使用bootstrap4以及其辅助标签

Release time:2019年12月02日 Author:Catfish CMS Reading volume:8697

Catfish(鲶鱼) CMS是免费开源cms系统,从4.9.3版开始原生支持bootstrap4,Catfish(鲶鱼) Blog从2.1.3版开始原生支持bootstrap4,也就是说,您在制作主题的时候,如果需要使用bootstrap4的话,那么可以直接使用鲶鱼系统自己的方式和标签来完成主题的制作,而不再需要像之前那样把bootstrap4相关文件放于主题内,当然您愿意像原先那样做也是可以的,只是主题文件总和会显得大些。

下面我们来介绍一下如何使用鲶鱼系统自带的bootstrap4支持:

一、文件的引用:

我们之前在做主题的时候,对bootstrap和jQuery的引用如下:

<link rel="stylesheet" href="{$domain}public/common/css/bootstrap.min.css">
<script src="{$domain}public/common/js/jquery.min.js"></script>
<script src="{$domain}public/common/js/bootstrap.min.js"></script>

上面这个是bootstrap3的用法,bootstrap4的用法如下:

<link rel="stylesheet" href="{$domain}public/common/css/bootstrap4.min.css">
<script src="{$domain}public/common/js/jquery3.min.js"></script>
<script src="{$domain}public/common/js/bootstrap4.min.js"></script>

使用以上引用后,我们就可以按照bootstrap4的规则来写主题了。

二、辅助标签:

鲶鱼系统有两个用于简化主题制作的辅助标签,分别是用于导航菜单的标签{$menuAide.menu1.bootstrap},以及用于登录状态显示的标签{$loginAide.bootstrap}。使用bootstrap4后,如果依然需要使用辅助标签来简化制作,那么可以分别使用如下标签来实现:

{$menuAide.menu1.bootstrap4}

上面的标签是用于显示导航菜单的。

{$loginAide.bootstrap4}

上面这个标签是用于登录状态显示的。

三、分页:

我们在用bootstrap3时分页基本都是pages,具体的用法可以参考相关教程和手册。使用bootstrap4的分页,我们只需要在原来的标签基础上加个4就可以了,例如“pages4”。

以上就是使用bootstrap4时主题制作需要调整和注意的地方。

Reward

I want to comment Sign in to post a comment


Latest release

鲶鱼CMS和鲶鱼Blog自制注册页面的代码实现

我们在《鲶鱼CMS和鲶鱼Blog怎么自定义注册页面》一文里面介绍了如何通过制作主题文件来...

鲶鱼cms系统和鲶鱼blog系统怎么填写公安备案号和ICP备案号

在实际建站过程中,往往需要进行网站备案,那么当我们备案之后,需要按要求在自己网站上放上备...

关于鲶鱼Blog系统2.3.21版以后版本升级的说明

鲶鱼Blog系统可以在后台上传升级包进行升级,有些用户可能会很长时间没有升级,这样可能会...

鲶鱼CMS和鲶鱼Blog自制登录页面代码怎么实现

我们在《鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》一文里面介绍了怎么在制作主题的时候自...

鲶鱼CMS和鲶鱼Blog怎么自定义注册页面

我们在《 鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》这一篇里面介绍了如何自己制作一个登...

鲶鱼CMS和鲶鱼Blog怎么自定义登录页面

我们在使用鲶鱼cms和鲶鱼blog时,有的时候希望根据自己的需求设计登录页面,该怎么办?...

How to use the Catfish CMS system

Section 1: How to add articles

Management background is composed of five bl...

Section 2: to the article to add c...

In the previous section, we talked about how...

Section 3: Add a menu to your site

In the previous section we talked about how ...

Section 4: Page Setup

To the last section we have learned to use t...

Section 5: Change website name, LO...

By the end of the previous section, we have ...

Copyright © 2015 - 2020 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   I want to leave a message
Catfish(鲶鱼) CMS V 5.1.0