我所有的HTML页面都可以使用Bootstrap导航栏

时间:2019-07-17 05:53:10

标签: javascript html

我正在构建一些前端html,css和js,以显示通过websockets传递的信息。在此阶段,我目前正在手动手动键入所有html页面,并通过单击按钮一起引用这些页面。但是,在Internet上进行一些阅读之后,我相信有一种更好的方法。具体来说,我希望在所有页面之间共享bootstrap的nav-bar元素。但是,目前,我必须在导航栏的每个html页面10+中手动键入代码。必须有一种更好的方法来做到这一点,该方法应具有更大的可扩展性和可伸缩性。

您可能会说:“是的,我知道要解决什么,请使用node.js后端并对前端做出反应”。但是,唯一的问题是,我正在从事的项目需要一个无需CDN即可解决的解决方案。此外,它必须尽可能轻巧。

在缺少的js中,是否有一些更简单的方法/库?我是Web开发的新手,但是我确实有嵌入式系统的经验。

2 个答案:

答案 0 :(得分:0)

如果您在Visual Studio上进行开发,请尝试制作母版页,该母版页将作为您所有页面的父页。


如果没有,那么请使用Bootstrap 4类,它非常容易创建导航栏

注意:下载bootstrap 4脱机文件,而不是通过cdn添加它以使其加载更快

答案 1 :(得分:0)

如果要在不同的页面上添加相同的内容,则需要创建一个具有相同ID的元素,请创建一个具有要重复的内容的外部.js文件,然后从页面底部进行调用。

一般示例:

$ python manage.py makemigrations module_name

$ python manage.py migrate module_name

阅读this了解更多可能性,希望能对您有所帮助。

相关问题