bootstrap
关注
分享
扫一扫
文章平均质量分 57
Byte_Dance
长风破浪会有时，直挂云帆济沧海
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
水平排列的表单
1 : form表单标签要添加 class="form-horizontal" 表示水平排列 2 : 内部div标签要添加 class="form-group" 表示一个表单组的元素 3 : div内部的label要添加 class="col-sm-1 control-label" 表示一个label占一格,且右对齐 4 : 下层的div要添加 class="col-sm-11" ...翻译 2018-03-06 23:49:30 · 2341 阅读 · 0 评论 -
三个div快 第一个左浮动 第二个不浮动 第三个右浮动 为什么右浮动上不去？
因为第三个div块是写在第二个div块下面的，而且第二个div块的位置正常，没有浮动，它会一直占住它本来的位置。所以第三个div块不管怎么浮动都会被第二个div块挡下去。就好像假如你的第一个向左浮动的div是写在第二个div下面，它也是不可能占到第二个蓝色的位置上去的。左边的元素左浮动,当浮动出中间内容区域范围之后,打印就看不到左边的了,可以直接用固定定位fixed给他定位住, 右边的只能使用左f...原创 2018-03-06 13:36:16 · 5711 阅读 · 1 评论 -
[插件封装] 创建一个banner广告栏,点击切换图片
使用Bootstarp官方插件创建一个幻灯片<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Jquery移入移出幻灯片效果</title> <!--匹配移动端--&原创 2018-03-02 00:36:39 · 394 阅读 · 0 评论 -
关于Bootstarp弹出框和工具提示无法调用的问题
1 //首先是工具提示： 2 $(function () { $("[data-toggle='tooltip']").tooltip(); }); 3 //然后是弹出框： 4 $(function () { $("[data-toggle='popover']").popover(); });这是因为弹出框、工具提示插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。如需使用该插...翻译 2018-03-17 16:07:39 · 413 阅读 · 0 评论 -
BootStarp滚动监听
bootstrap顶部导航栏监听下方内容<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航栏滚动监听下方内容</title> <!--匹配移动端-->翻译 2018-03-17 13:44:55 · 463 阅读 · 0 评论 -
bootstrap栅格网页布局开发
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> //安装检测手机真实尺寸的语句 <meta name="viewport" content="width=device-width, initial-scale=1,翻译 2018-03-03 23:47:12 · 446 阅读 · 0 评论 -
BootStarp制作导航条demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--匹配移动端--> <meta name="viewport" content="width=device-width, initi翻译 2018-03-08 00:17:32 · 615 阅读 · 0 评论 -
[封装插件]使用Jquery制作一个标签页的效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Jquery实现鼠标滑动到页面上就显示那些固定内容</title> <!--百度在线压缩地址--> &a翻译 2018-02-12 21:41:40 · 386 阅读 · 1 评论 -
解决lable和后边的p标签对齐问题
<form action="" class="form-horizontal"> <div class="form-group"> <!--control-label : 表示右对齐--> <label for="" class="col-sm-1 control-label&qu翻译 2018-03-07 00:03:48 · 1906 阅读 · 0 评论 -
在bootstrap布局中 为了使不同尺寸的页面可以显示不同个数的 element
在bootstrap布局中 为了使不同尺寸的页面可以显示不同个数的 element ，可以在元素上加上不同的栅格元素 <div class="container"> <div class="col-sm-6 col-md-4 col-lg-3"></div> <div class="col-sm-6 col-...翻译 2018-12-20 16:15:19 · 3146 阅读 · 0 评论