Learn in FCC(2)

Responsive Design with Bootstrap
1.Bootstrap可以根据你的屏幕大小来调整HTML元素，所以叫响应式设计。用这个就不用再为移动设备重新写页面代码。
使用之前，引入其css库<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>。
第一题使用"container-fluid"class。这东西应该是规定一个整体布局。
2. class="img-responsive"。响应式图片。
3.class="text-center" 。文字居中。
4.class="btn"。漂亮一点儿的按钮。这里使用的元素是button，而不是input。区别是前者内部可以放置文本和图像。后者估计放不了图像。
5.class="btn-block"。按钮块，会占一正行。它的效果与btn并不重叠，所以同时还要用btn。
6.class="btn-primary"。按钮风格，深蓝色。其他的还有info（浅蓝色）,success(绿色),danger（红色）,warning（黄色）等。
7.class="btn-info"。
8.class="btn-danger"。
9.这题讲了Bootstrap的网格系统。有一点值得注意，这里的列使用的是class为col-md(xs)-*的div元素。之前我在w3cschool(runoob)中看的也是这个，但今天在打开，忽然就改版了，变成了使用span*。
10.这一题只是把css那一章中所写的一些cssstyle删掉，改成使用Bootstrap中的css。
11.这一题只是讲了下span标签。
状态不好，以后抽空在看吧。

转载于:https://www.cnblogs.com/rhzhou/p/5059057.html

Learn in FCC(2)相关推荐

fcc认证_介绍fCC 100：我们对2019年杰出贡献者的年度总结
fcc认证 2019 has been a big year for the global freeCodeCamp community. 对于全球freeCodeCamp社区来说,2019年是重要的 ...
校友邮箱_freeCodeCamp校友网络：FCC校友的自主指导网络
校友邮箱 by peterWeinberg 彼得·温伯格 freeCodeCamp校友网络:FCC校友的自主指导网络 (The freeCodeCamp Alumni Network: A homeg ...
【Kaggle Learn】Python 1-4
[Kaggle Learn]Python https://www.kaggle.com/learn/python 一. Hello, Python A quick introduction to Py ...
Blender赛车动画制作学习教程 Learn Race Car Animation with Blender
使用Blender 2.93创建您自己的惊人汽车动画你会学到什么 Blender的界面和导航建模 UV制图材料动画照明设备渲染合成要求下载并安装Blender.免费下载和免费用于任何 ...
Blender3.0动画制作入门学习教程 Learn Animation with Blender (2021)
要求下载并安装Blender.免费下载和免费用于任何目的. 描述加入我的动画课程. 在本课程中,我将从头开始讲述在Blender中创建动画场景的过程. 从第一步到最终渲染.在这个课程中,我们将使用 ...
Unity与C#创建一个3D平台游戏 Learn to Create a 3D Platformer Game with Unity C#
游戏开发变得容易了.使用Unity学习C#并创建您自己的3D平台! 你会学到什么学习现代通用编程语言C#. 了解Unity中3D开发的功能发展强大的可转移的解决问题的技能了解游戏开发过程了解面 ...
学会在Unity中创建一个Match-3益智游戏 Learn To Create a Match-3 Puzzle Game in Unity
MP4 |视频:h264,1280×720 |音频:AAC,44.1 KHz,2 Ch 语言:英语+中英文字幕(根据原英文字幕机译更准确) |时长:48场讲座(6h 38m) |大小解压后:2.8 G ...
Unity中创建本地多人游戏完整案例视频教程 Learn To Create A Local Multiplayer Game In Unity
Unity中创建本地多人游戏完整案例视频教程 Learn To Create A Local Multiplayer Game In Unity MP4 |视频:h264,1280x720 |音频:A ...
Unity 3D游戏代码编程学习教程 Full Guide To Unity 3D C#: Learn To Code Making 3D Games
Unity 3D游戏代码编程学习教程 Full Guide To Unity 3D & C#: Learn To Code Making 3D Games Full Guide To Unit ...

Learn in FCC(2)

Learn in FCC(2)相关推荐

最新文章

热门文章