![](https://img-blog.csdnimg.cn/20190419101348228.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
bootstrap 4
介绍bootstrap 4的学习历程和项目经验分享
杨广凡
这个作者很懒,什么都没留下…
展开
-
【Bootstrap Learning】-4 栅格系统
1. 栅格系统 container/container-fluid row column2. 选择Documentation -- 选择 Layout -- Container container 有两种: container 响应式容器。随着屏幕的宽度自适应变化。 container-fluid 非响应式容器。 一直是100%。...原创 2019-04-24 11:03:06 · 782 阅读 · 0 评论 -
【Bootstrap Learning】-3 字体 Typography
1. 选择 Documentation-- 选择 Content -- 选择 Typography2. px,em,rem的区别3. 浏览器默认字体大小是16px,行间距 是1.5倍行间距,段落margin-top:0 和margin-bottom:1rem <p>default font siz 16px by default</p> &...原创 2019-04-23 14:35:53 · 251 阅读 · 0 评论 -
【Bootstrap Learning】-2 背景色 和 文本颜色
1.选择 Documentation -- 选择Utilites --选择 Colors2. 文本颜色 <p class="text-primary"> Hello,Bootstrap </p> <p class="text-secondary"> Hello,Bootstrap </p> <p clas...原创 2019-04-23 11:48:25 · 652 阅读 · 0 评论 -
【Bootstrap Learning】-1-简介
1. bootstrap 官网[英文][中文],本文以及以后的demo都是围绕着英文的官网展开的。2.bootstrap 是什么? bootstrap 是一个目前非常流行的前端组件库,它非常适合创建响应式和移动设备优先的项目。 bootstrap是一个用于开发HTML、CSS和JS的开放源码工具包。 bootstrap 支持SASS, 变量混合(mixins),同时还有...原创 2019-04-23 10:33:40 · 445 阅读 · 0 评论 -
bootstrap 4 在VS中的使用
1. 创建一个空项目2.右键项目名称,选择ManagerNuGet Packages3. 查找 bootstrap4,选择合适的版本安装4. 把bootstrap.min.css,bootstrap.min.js 和jquery.js 引用进来5.完成。...原创 2019-04-19 11:09:01 · 2178 阅读 · 0 评论