2019/7/19 Bootstap练习

1.page-header

2.container

3.col-xs,sm,md,lg-* row

4.col-md-push-3 col-md-pull-9

5.嵌套使用，新的一行，用class=“clearfix”修复元素浮动的问题

7.偏移的空间 col-md-offset-6 alert alert-info 界面向右偏移

8.隐藏与显示的响应式工具：设置之后只有在特定的窗口才会显示这个内容

在xs width720中会被隐藏

9.navbar--导航栏这应该是另一个组件了吧

02.02 固定在页面顶部或底部的导航栏

navbar-inverse 灰黑色的导航背景

固定顶部：navbar-fixed-top 这样会存在一个问题，就是主体内容会被导航栏挡住，只能设置padding了吗？这个会固定在导航

navbar-static-top 也可以，这个的话会跟页面的滑动而滑动，就是会跟内容消失

固定底部；navbar-fixed-bottom

导航栏中的表单:

小图标，但是我搜了，应该是废弃了吧，但是坐下面的练习时候也可以实现

form-control 表单 navbar-form navbar-left

子绝父相让搜索框自然的浮动到边框里面， border：none

这是buttom的类样式

输入的是同一个组件，那么的话他们应该有同一个地方，

移动优先的原则，当大于768px的时候，会显示top；15%；小于的时候会显示上面再定义的样式

总结一个前面两小节的内容：第一小节讲的组件是网格的布局，第二节讲的是组件的导航栏部分。这些主要的思想还是让你怎么在不同的设备下，如何去显示响应式布局

第三节：对话框 Modal 是一个插件，就是一个交互式的对话框吧

&times 表示×

加载远程html的方式remote：‘login-form.html’ 但是需要服务器打开的页面

也可以根据a标签的跳转

然后呢第四节是将轮播图的插件啦！！！有空再看吧

先去搞定这个响应式布局

转载于:https://www.cnblogs.com/Py-king/p/11211896.html

2019/7/19 Bootstap练习相关推荐

训练日志 2019.1.19
昨天回去发高烧了,睡了一上午还是烧,下午去打了个退烧针,回实验室补了几道题就回宿舍睡觉了,这几天由于身体状态不是很好,效率低的吓人,希望赶紧好起来吧下午补的几道题都是图论的,图论的题虽说有模版,但难 ...
深夜的士(2019/7/19)
阅读文本大概需要 4.2 分钟. 每次打车的时候我总是会和师傅聊上几句,感觉可以出一些系列文了,就叫[深夜的士]吧,为大家讲述平凡的生活不为人知的另一面,也依此记录我的上海生活. 深夜的士(2019/ ...
18天精读掌握《费曼物理学讲义卷一》第6天 2019.6.19
18天精读掌握<费曼物理学讲义卷一> 第6天 2019.6.19 1. 18日掌握<费曼物理学讲义>卷一计划概览 2. 今日学习成果 3. 今日时间表 4.Atimelogge ...
Lab08-数组初步(2019.11.19)
Lab08-数组初步(2019.11.19) 文章目录 Lab08-数组初步(2019.11.19) 1. 向数组插入新元素[简单] 2. <Beginning C>5.1[简单] 3. ...
【每日早报】2019/07/19
今日看点 ✦ 陆金所回应停止网贷业务:配合监管"三降"要求,存量产品与客户权益不受影响 ✦ 贝壳找房:<贝壳找房专项股权基金>非官方文件,目前无明确上市时间和地点 ✦ ...
Unity3d 周分享（10期 2019.1.19）
选自过去1~2周的内容: https://twitter.com/unity3d 和各种其他来源吧 1). Unity的库: 2D PSD Importer 有了它,当导入psd 文件时, 文件会 ...
纯！干！货！2019年19个Docker面试问题和解答！一线大厂必看！
Q1 DevOps需要什么? 主题:DevOps 难度:⭐ 如今,公司不再发布大量功能,而是尝试将小的功能传输给客户.这有许多优点,如来自客户的快速反馈,更好的软件质量等,从而导致高客户满意度.为了实 ...
商汤科技20年秋招智慧城市-数据运营工程师笔试题（2019.8.19）
套题商汤20年秋招智慧城市-数据运营工程师笔试题题型选择 * 20 + 问答 * 3 完成时间 60分钟 ❤️ 「更多数据分析真题」 <数据分析真题日刷 | 目录索引> ❤️ 「更多 ...
STL（模板库）（string）（vector向量)（2019.3.19晚课习题）
STL,标准模板库,从根本上说是一些''容器''的集合,这些容器有list,vector,set,map等.STL也是一些算法和其他一些组建的集合,STL现在也是c++的一部分,因此不用安装额外的库文 ...

2019/7/19 Bootstap练习

2019/7/19 Bootstap练习相关推荐

最新文章

热门文章