遵循上一篇文章的内容,我们已经实现了显示首页的界面,我们也在首页显示了我们的输出字符,所以我们现在要开始设计布局。怎样才能让布局快速简单?我们已经下载了“网开一面”里的基础代码,这里需要。
我们将下载的bootstrap文件复制到public文件夹中,Public文件夹是存储公共web资源的文件夹,如图所示。

然后我们开始在接口上加载这些资源,如图所示。

第一个红框下面是jquery和bootstrap加载,第二个红框是css文件介绍。好了,所有的基础资源都加载好了。按f12或单击鼠标右键进行检查,并刷新以查看是否加载了任何有错误的资源。如果没有,说明我们成功了。然后开始布局。
当我们在bootstrap中把它放到网上时,我们就有资源了。因为这里发不了,我截图给你看看。当我们在右边拖动并编辑它时,我们只需点击下载并复制代码。让我们试一试。
好吧,我复制了一下,发现图片没有显示。这很正常。毕竟图片需要对应的路径,我们自己搭建的服务器没有对应的路径,所以不用担心。我以后会教你的。我们似乎发现复制的hello world跑分有点太高了。我们先看看网站原码,适度调整,最后调整效果。
好了,完成了。大家按照自己的喜好来布局吧。接下来我们就要布局列表页,详情页,搜索页,这样前端就基本完成了。
只要努力,其实什么都可以。至于好坏,心里好就行了。祝我们的生活越来越好。
免责声明:本平台仅供信息发布交流之途,请谨慎判断信息真伪。如遇虚假诈骗信息,请立即举报
举报













