一叶君

1. bootstrap 官网[英文][中文]，本文以及以后的demo都是围绕着英文的官网展开的。 2.bootstrap 是什么？ bootstrap 是一个目前非常流行的前端组件库，它非常适合创建响应式和移动设备优先的项目。 bootstrap是一个用于开发HTML、CSS和JS的开放源码工具包。 bootstrap 支持SASS， 变量混合(mixins),同时还有...

1.选择 Documentation -- 选择Utilites --选择 Colors 2. 文本颜色 <p class="text-primary"> Hello,Bootstrap </p> <p class="text-secondary"> Hello,Bootstrap </p> <p clas...

1. 选择 Documentation-- 选择 Content -- 选择 Typography 2. px，em，rem的区别 3. 浏览器默认字体大小是16px，行间距 是1.5倍行间距，段落margin-top：0 和margin-bottom:1rem <p>default font siz 16px by default</p> &...

1. 创建一个空项目 2.右键项目名称，选择ManagerNuGet Packages 3. 查找 bootstrap4，选择合适的版本安装 4. 把bootstrap.min.css，bootstrap.min.js 和jquery.js 引用进来 5.完成。 ...

1. 栅格系统 container/container-fluid row column 2. 选择Documentation -- 选择 Layout -- Container container 有两种： container 响应式容器。随着屏幕的宽度自适应变化。 container-fluid 非响应式容器。 一直是100%。...

1. 选择 Documentation -- 选择Utilities -- Spacing 2.margin和padding Wherepropertyis one of: m- for classes that setmargin p- for classes that setpadding Wheresidesis one of: t- ...

1. 选择Documentation-- 选择Utilites --选择Sizing 2.相对宽度 w-25 w-50 w-75 w-100 w-auto mw-100 3.相对高度 h-25 h-50 h-75 h-100 h-auto mh-100 4. <div class="container" style="width:50rem"> <div...