bootstrap
maxdaic
这个作者很懒,什么都没留下…
展开
-
自己动手写个人网站——03增加游戏
因为我之前有段时间开发过一个网页版的简易的德州扑克的游戏。 这个游戏的是一个网友开源的。而我当时刚好在学习golang,加上自己也喜欢打德州扑克,就研究了一下。 我发现那个作者的代码根本无法运行,有好几个bug没有修复。 本着拿来主义好羞耻,就不要再去麻烦作者的心里,我开始自己修复那个游戏。 我看作者已经完成了大部分的功能,对我来说最麻烦的扑克牌素材之类的,作者都已经准备好了,我觉得应该没什么太大的问题了。我觉得修复一些bug应该不在话下。当时我经过几天时间的修复,还真的搞定了,可以玩了。 我的可原创 2020-06-13 12:16:05 · 264 阅读 · 0 评论 -
自己动手写个人网站——02修正导航栏功能
好不容易磨磨唧唧弄出一个可以看的网站界面,后来发现有个很大的问题:导航栏的按钮没法实现跳转。可能是我在前端方面练习得太少了,感觉自己很菜,测试了好几种方法都没搞定。更让我有点接受不了的是,里面的导航栏里的类型是nav-justified, 而这个类型在bootstrap文档里说明了是过时的。我也是醉了,过时了的东西还挂在最新的说明文档里推荐给大家使用。我是看这个导航栏好看才用的,现在功能上有些问题就只能放弃了。于是我用回了最原始的nav-pills类型的导航栏。 用回这个导航栏还遇到一个麻烦,我发现在刷新原创 2020-06-13 12:04:27 · 245 阅读 · 0 评论 -
自己动手写个人网站——01准备前端框架
准备前端框架的过程就像上购物网站一样。看见好多东西,都想要,但仔细想想并不适合我。 网上有很多免费的模板,免费的图片。我浏览了很多,都发现不是很理想。比如图片太大了,这会导致网页加载慢。比如图片画的不符合我的构想的布局,大多数图片都把重要的元素放在图片的中央,而我写的网页刚好不是那样的,我设计的网页是中间是文章或者视频等主要的内容,而网页的四周再点缀一些好看的图片就行了。但我终究没有找到让自己满意的图片。最后实在累得不行就放弃了。 到这里,我突然很想要一个UI设计师,帮我设计一款清爽的网页背景图片。原创 2020-06-13 11:36:31 · 383 阅读 · 0 评论 -
bootstap的初体验-05选项卡组件的使用
选项卡是一个比较常见的组件,在很多网站都有使用。学了一下,感觉东西有点多。 选项卡从界面上讲分为两个部分,上面的是选项卡,下面的是面板。选项卡部分用ul和li定义,而面板部分用div定义。如下代码所示: <!-- 这是选项卡 --> <ul class="nav nav-tabs"> <li><a href="#pan1" data-toggle="tab">博客</a></li> <li><a href原创 2020-06-12 18:28:20 · 176 阅读 · 0 评论 -
bootstap的初体验-04组件
bootstrap提供了丰富的组件,深入进去看,真实让人眼花缭乱。让我映印象刻的有两个组件。一个是徽章一个是巨幕。 徽章 原来我以前看到的这种带数字的按钮状的叫徽章。还有这种列表式的徽章 巨幕 以前看到类似这种页面,以为是排版很好的页面,没想到这个也可以用组件做,效果真的很不错,我喜欢。 (全文完) 参考资料: https://v3.bootcss.com/components/ ...原创 2020-06-12 08:12:17 · 127 阅读 · 0 评论 -
bootstap的初体验-03布局
bootstrap的布局内容很多很丰富,以一个个去尝试,能很好的扩展人的视野,尤其是像我这种没见过什么世面的程序员。确实增长了很多见识。很多时候,不是自己不想做得更好,只是受限于自己的见识,没见过更好的。而一旦见过了更好的,就觉得这应该添加到自己的list里面去,以后就这么干。 例如 这个小黑块真的是太让人喜欢了,醒目,强烈的区分度啊。 我就是喜欢这一行文字前面那一竖的小灰块,看着就是让人感觉更专业,更正式。 但是也有一些让我觉得有些摸不着头脑的设计,感觉效果没有多好,一般般嘛,如 .原创 2020-06-12 05:29:52 · 112 阅读 · 0 评论 -
bootstap的初体验-02自适应的行和列
bootstrap的核心理念就是响应式设计。 这个响应式设计有点抽象,望文却生不了义。 什么叫响应式设计? 就是一套源代码能够自适应各种不同分辨率的屏幕,如智能手机,平板,PC。 因为要做到自适应各种分辨率的屏幕,所以bootstrap要做: 自适应的布局 自适应的图片 自适应的脚本 现在先来看看bootstrap怎么做到自适应的布局。这要归功于bootstrap的栅格系统。 什么是栅格系统? 栅格系统就是bootstrap自定义的行和列,利用这套行和列就能自适应于各种屏幕。 栅格系统原创 2020-06-11 22:45:38 · 280 阅读 · 0 评论 -
bootstap的初体验-01HelloWorld
要做web编程,免不了要做前端开发。看了很多网友的意见,说是bootstrap简单易上手,于是入坑了。今天是第一天,温习了一下HTML,CSS和jQuery的一些基础知识,然后就开始入门bootstrap了。 入门总是从最单的事情做起,慢慢建立信心。 下载bootstrap 下载jQuery 新建项目 把bootstrap复制到项目文件夹下 把jQuery复制到项目文件夹下的js文件夹下 创建并编辑index.html 这里最关键的是三行代码: <link rel=原创 2020-06-11 21:16:47 · 204 阅读 · 0 评论