第一个引导程序项目
#html #css #初学者 #bootstrap

Introfter花了这么长时间绕过bootstrap的概念,以及如何将其用于开发的概念,我终于取得了重大进展!我现在非常激动和兴奋,因为努力得到了回报。我能够在三天内开发此页面,再加上我也有全职电影院工作。对于我来说,每一个免费的第二/分钟/小时/一天都比以往任何时候都更加重要。在闲暇时间,在手机上看到我在手机上查找十六进制代码并不少见。过去的72小时很有趣,对我来说很有趣。
整个项目首先选择了我想在我之前拥有的所有选项中进行的特定项目。老实说,我认为这些东西将使我接近一个星期,但是我很震惊地看到我使用Bootstrap和一些模板对我完成这样的页面有多快。我也在这个项目中部署了本地样式表,但总体速度令人印象深刻。
在这篇文章中没有太多的写作,除了说这种引导程序的前景可以使您成为开发人员的懒惰。解释这一点的最好方法是将其比作驾驶。 Bootstrap是自动驾驶的,CSS网格和布局耦合在一起将组成手动驾驶。我课程中的下一个主题是CSS网格和布局,这是Bootstrap所做的手动版本。我期待能够很好地了解如何手动响应我的页面,而不必依靠引导。
此页面完全响应,上面的所有内容都很好。该项目完成后,我感到有些受伤。之所以受伤,是因为我花了几天的时间在遇到了近两个月的困惑之后,就花了几天的时间来部署引导程序。我仍然不敢相信花了很长时间才能掌握它。但是好事是事实已经结束了。我期待着使我的页面响应迅速的更复杂的方法,即CSS网格和布局主题。
我上次打开此选秀时间是在6月25日,截至截至截至截至迄今为止,我以为我已经完成了!所有这些都可以测试手机页面,并且它是滑动的。我变得不安,因为我认为响应迅速的页面根本没有响应。我的代码在几个方面都破裂了,我最初不知道该如何处理,我的第一个行动是搜索Google并向我的技术社区接触。我做了所有可以做的事情,但是我找不到立即解决我的案子的方法。每个人都忙于一件事或另一件事。无论如何,技术人员总是忙于技术。在我看来,就像去了,我买不起几天的闲置。
我决定从Angela Yu博士的第二阶段材料重新开始Bootstrap课程。我开始了一个新的课程项目,以学习并回到安德烈(Andrei)的ZTM课程,以实施我的知识。当然,我立即开始看到某些问题。使用Bootstrap时要知道的一件关键的事情是,您必须正确阅读文档,然后遵循指南,如果该指南对您有效。但是我没有花足够的时间应用文档中的说明。因此,我一定会沿线遇到几个错误,但是一点一点地,我开始修复错误。
在某个时间点,与我在PC上的本地文件夹中相比,我想到了我在文本编辑器中使用不同的案例。这个单个解决方案修复了我所有破碎的图像。在此之前,在同一文件夹中只显示了15个图像文件中的两个图像。我也想到,纳维托是有问题的,所以我想。但是,在从安吉拉·尤(Angela Yu)的纳维巴(Navbar)教学中得知之后,我知道我的纳维尔(Navbar)只需要工作。我回到了我的旧项目并实施了知识,但仍然没有起作用。我也想到,我没有在页面上的正文闭合上方添加脚本链接以进行行为。这样做后,我的纳维尔(Navbar)开始完全工作,对中小型视口都充分响应。
我还必须将所有列的类从“ Col-SM-12 Col-Md-12 Col-LG-12”更改为简单的“ Col”。我不得不将每个列类更改回这个,然后将整个页面放入一个容器中,以使其更紧凑。从上面的所有步骤中,人们都希望该页面会自动响应迅速吗?但是对于昨天我最大的震惊而言,该页面仍在移动设备上水平旁边,这仅意味着,每当页面在移动设备上水平滑动时,页面都不会响应。感谢上帝,我有待机的技术。
以斯帖最终向我展示了难题的最后一部分。在开发页面时,我为所有图像编写了尺寸,它们的标准尺寸为450px乘450px。这种尺寸大于移动视口的375px尺寸。默认情况下,一个375px的视口小于450px的宽度。要容纳我指定的尺寸的页面,它必须滑动!我必须检查引导文档以使图像响应迅速,即“ IMG-Fluid”。我将其添加到每个图像文件的图像类中,以使其响应能力。我不得不回到本地样式表,以删除我在样式表上提供的每个图像的尺寸。
我回到页面上刷新它,而且看起来很漂亮,反应迅速!在这里,我看到了当地风格表的痛苦示范,覆盖了Bootstrap CSS。
在这个项目上已经大约12天了,我感谢上帝已经结束了。对我个人而言,这是一个痛苦的时期,因为我每天都记录了12小时编程的个人记录。我最终在凌晨2点之前上床睡觉,因为我正在整理我的代码,而且一天很晚。但是好事是,我能够从整个经验中学习有价值的东西,这些东西再也无法从我身上夺走了。
我将在此处共享指向我的页面的链接,响应性和无反应页面。我选择在不删除它的情况下独自留下无反应的页面;这样我就不会忘记我学到的课程。
我说我也要在这里发布破损的代码,但我沿线删除了它。我所拥有的只是该网站的最终项目,这是page.Movie site project

的链接