摘要：
前言 网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下： 在图像周围添加带有 class .thumbnail 的<a>标签。 这会添加四个像素的内边距（padding）和一个灰色的边框。 当鼠标悬停在图像上时，会动 阅读全文
posted @ 2021-09-24 17:28
上海-悠悠
阅读(299)
评论(0)
推荐(0)
摘要：
前言 在设置个人头像的时候，可以显示原型图片，也可以显示方形图片，Bootstrap 提供了三个可对图片应用简单样式的 class： .img-rounded：添加 border-radius:6px 来获得图片圆角。 .img-circle：添加 border-radius:50% 来让整个图片变 阅读全文
posted @ 2021-09-23 19:06
上海-悠悠
阅读(312)
评论(0)
推荐(0)
摘要：
前言 如何在字体前面加图标？可以使用Bootstrap 框架的 glyphicon 类，可以基于项目的 Bootstrap 来免费使用Glyphicons Halflings 提供的图标库。 查看可以使用的图标列表https://www.runoob.com/try/demo_source/boot 阅读全文
posted @ 2021-09-22 22:28
上海-悠悠
阅读(261)
评论(0)
推荐(0)
摘要：
前言 在页面上看到的这种输入框控件可以用Bootstrap 输入框组件input-group来实现 input-group 输入框组 输入框组扩展自 表单控件，通过向输入域添加前缀和后缀的内容，可以向用户输入添加公共的元素。 例如，您可以添加美元符号，或者在用户名前添加 @，也可以在输入框后面加搜索 阅读全文
posted @ 2021-09-22 16:57
上海-悠悠
阅读(513)
评论(0)
推荐(0)
摘要：
前言 页面顶部导航可以固定在屏幕顶部，不用随着页面上下拖动而滚动。 Bootstrap 框架可以用 .navbar 快速实现这种页面效果 navbar导航 navbar导航组件常用的几个 class 属性 .navbar ——设置 nav 元素为导航条组件； .navbar-default ——指定 阅读全文
posted @ 2021-09-22 09:12
上海-悠悠
阅读(423)
评论(0)
推荐(0)
摘要：
前言 在设计左侧固定，右侧自适应布局页面的时候，左侧的浮动(float)元素一般会给个背景色，希望根据屏幕高度铺满整个屏高。 展示效果 如下图，左侧黑色背景只显示一半，希望实现效果能一直到屏幕底部,并且希望能消除左右两边的白色边距 html代码 <div class="container1"> <d 阅读全文
posted @ 2021-09-17 23:37
上海-悠悠
阅读(300)
评论(0)
推荐(0)
摘要：
前言 常见的后台管理页面，左侧固定宽度展示操作菜单栏，右侧显示左侧展示管理内容。 这是一种最常见的左侧固定，右侧自适应布局方式。 左侧固定，右侧自适应布局 在container1里面写2个div <body> <div class="container1"> <div class="left"> < 阅读全文
posted @ 2021-09-17 12:56
上海-悠悠
阅读(520)
评论(0)
推荐(0)
摘要：
前言 bootstrap 中有2个容器可以使用.container 类和.container-fluid 类 .container 容器 使用container 容器，页面内容不会铺满整个屏幕 <div class="container"> <h1>bootstrapTable实例</h1> <di 阅读全文
posted @ 2021-09-16 23:06
上海-悠悠
阅读(254)
评论(0)
推荐(0)
摘要：
前言 Bootstrap Table表头添加背景色，可以通过theadClasses属性设置表头样式。 设置theadClasses属性 没设置theadClasses属性时候，背景色默认是白色 bootstrap背景颜色设置 .bg-primary 主要的 .bg-success 成功 .bg-i 阅读全文
posted @ 2021-09-16 16:23
上海-悠悠
阅读(956)
评论(0)
推荐(0)
摘要：
前言 $.ajax()方法提交POST请求时，contentType发送数据到服务器时所使用的内容类型。默认是："application/x-www-form-urlencoded"。 如果想以json格式提交，可以设置参数contentType:"application/json" POST请求默 阅读全文
posted @ 2021-09-16 10:37
上海-悠悠
阅读(390)
评论(0)
推荐(0)
浙公网安备 33010602011771号