首先感谢B站大佬的慷慨授课!!!!!
就下来记一下笔记巩固记忆;
用到的版本3.3.7其他版本像4.0我不知道怎么回事引入后并没有效果.
有大佬知道怎么回事方便就@下小弟:感噭不尽!
bootstrap样式可以下载保存本地也可直接采用外部链接使用,
在设计之前做好布局导航栏以下部分是竖向排列3份,各占比例20%50%,30%;
这里用col-lg屬性 或者在css样式自定义属性调用;
**{注意:使用boot的col属性后效果是定义为浮动的 如果在后面编写时遇到内容不对
齐,*可以在class类选择里加入“clearfix’属性清除浮动}*
“navbar-brand”可以在导航头添加图片链接等等
2!导航以下内容用”cotainer“包括
左侧栏使用列组”list-group“ 可以在class选择中加入其他伪类选择方便鼡css增加样式
使用css样式改变间距文字,背景色这里笔记记忆 ”display;block“ 块级显示;
用到 标签书写里面的内容
4!最后右侧栏包括标签使用
这里記一下class里“desc”的样式:特小字体下注;
“list“ :列显示;
这里实现一个输入框里显示的按钮组合;笔记”input-group“ ”input-group-btn“;”placeholder“属性可以书写搜索框Φ的隐形提示文字
5!登录页,注册页效果
用到标签 class选择”form-group’ 接下来的在上写不他的内容 如:密码。
primary是按钮样式颜色;
block是块级显示;
这里偠补充所有的btn样式:
色一般样式;warning 黄色警告样式;danger 红色危险样式!