bootstrap
关注
分享
扫一扫
文章平均质量分 56
LimonSea
做喜欢的事
展开
-
Bootstrap CSS 表单、按钮和图片
一、表单样式1.1先放截图： 上图中第一行是内联表单（响应式），当窗口宽度小于780时，会变成酱：主要包括的知识点：内联表单：必须加label才能使用input标签的class属性，不然会有错误 隐藏label的方法：class属性：sr-only水平排列表单：使用栅格系统显示表单 下面是代码：<!DOCTYPE html><ht...原创 2018-10-31 18:31:07 · 667 阅读 · 0 评论 -
bootstrap栅格系统，代码嵌入，表格
一、栅格系统栅格系统要注意，bootstrap最多包括12列，超出就会换行。还可以进行嵌套，代码中设置了透明度，是可叠加的，还是很好看的~以后要常用。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>栅格系统</title>原创 2018-10-27 17:06:25 · 1604 阅读 · 0 评论 -
Bootstrap组件之下拉菜单、按钮组、按钮式下拉菜单
字体图标的使用出于性能的考虑，所有图标都需要一个基类和一个对应图标的类，中间需要加空格不能与其他组件混合使用，不能在同一元素上与其他类共同存在，必须承载在span标签中下拉菜单：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>下拉菜单&..原创 2018-11-03 18:36:36 · 618 阅读 · 0 评论 -
使用引入react文件的方式 使用bootstrap模板 构建react订餐网站项目单个页面入门教程
这个是我react的入门项目, 因为使用了bootstrap模板, 若使用create-react-app 或者webpack等构建服务器项目就比较复杂, 所以本项目只使用了最简单的 在HTML页面引入react 的方式 构建项目.教程使用的模板页面如下:项目已传到git上，上链接~该链接默认会在原窗口打开，建议右键新窗口打开~第一步:引入react. (为了避免忘记...原创 2019-07-01 10:42:22 · 999 阅读 · 0 评论