15 篇
Bootstrap
| 214

taotaoit

Bootstrap手机导航如何在导航展开是切换导航背景

比如正常导航是透明色,展开导航如果还用透明色,就看不清导航了,所以要给导航加背景色。 实现: $(".navbar-toggler").click(function(){ $(".navbar_ttit").toggleClass("navbar_ttit_show") }); 通过jquery给导航添加个css样式定...
Bootstrap | 2020-04-16
0   0  0
| 308

web

bootstrap中sr-only是什么意思

原标题:bootstrap中sr-only是什么属性?用途是什么? 开发中经常发现bootStrap中有sr-only类,如下图 但是,好像在浏览器中并没有显现出什么效果。你作为正常用户觉得没效果就对了。 作用 这是专门为残障人士浏览网页设计的。 在前端开发中,有些时候设计图上面会出现仅供正常视觉用户看的元素。比如:导航栏菜单当...
Bootstrap | 2019-11-25
0   0  0
| 2384

web

bootstrap修改col的间距

用bootstrap布局时会产生一些问题,比如col水平间距过大 修改方法: 重新设置col之间的间距 [class*="col-"]{ padding: 5px; } 在bootstrap.css随便搜索col-md会发现,col每列之间之所以有间距,是因为col里面的左右内边距都是15px形成的,这样...
Bootstrap | 2019-09-11
0   1  0
| 2159

web

Bootstrap栅格系统一行5列或8列

Bootstrap栅格系统一行5列或8列怎么实现? Bootstrap栅格系统五等分或八等分? 在使用Bootstrap栅格的时候,我们可以对网页方便的进行模块分割。  要2等分,使用col-md-6即可;  要3等分,使用col-md-4即可;  要4等分,使用col-md-3即可;&nbs...
Bootstrap | 2019-07-05
0   2  1
| 1163

web

bootstrap tab标签切换时事件的使用

直接上代码,重点是 tab标签切换,点击特定标签执行某个事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"...
Bootstrap | 2018-12-25
0   0  0
| 1749

taotaoit

Bootstrap通过模态框modal实现图片弹出放大

直接放代码,不过效果不太好,因为模态框是有宽度的,拉伸图片到模态框大小,如果图片小于模态框,图片就变虚了;如果不拉伸图片,就会小于模态框大小,怎么都不好看,凑合用。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <me...
Bootstrap | 2018-12-20
0   1  5
| 724

taotaoit

Bootstrap进度条自定义

官方的案例请参考 http://www.runoob.com/bootstrap/bootstrap-progress-bars.html 自定义 1,可以将设置了.sr-only类的<span>标签从进度条组件中移除,而让当前进度显示出来; 2,官方只提供了5中颜色,如果想增加颜色怎么办...
Bootstrap | 2018-11-07
0   0  0
| 1165

web

bootstrap中tooltip()提示框的样式怎么改

$('.willDo').tooltip() 这个是bootstrap中的提示插件,默认提示框的背景是黑色的,我要怎么把背景或其他样式改掉呢 找到bootstrap.css 5536-5594行,复制出来 .tooltip-inner改提示框的背景颜色,.tooltip-arrow改各个三角箭头的颜色。 只修改字体颜...
Bootstrap | 2018-08-16
0   0  0
| 1464

taotaoit

tbody加边框

表格用的是bootstrap的样式,在给tbody加边框的时候,左下右都有边框,上没有边框,如图: 表格代码为: <table class="table table-hover table-striped table-bordered"> <thead> ...
Bootstrap | 2017-09-14
0   0  0
| 1120

web

解决Bootstrap下拉菜单不可点击

在使用Bootstrap菜单组件时,如果你的菜单带有下拉菜单,那么这个带下拉菜单的导航在点击时只会浮出下拉菜单,它本身的href属性会失效,也就是失去了超链接功能,如果希望菜单栏的链接可以正常打开,该怎么做呢。 在主题的js文件中加入如下代码即可: $(document).on("click",".dropdown-togg...
Bootstrap | 2017-09-12
0   0  0
| 1026

taotaoit

Bootstrap根据不同访问设备显示和隐藏特定内容

Bootstrap 提供了一些帮助器类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。 需要谨慎使用这些工具,避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。 Class ...
Bootstrap | 2017-05-27
0   0  0
| 785

taotaoit

bootstrap 中的data-toggle=""

toggle英文意思是 切换 data-toggle=""这个明面上的意思是数据切换 data-toggle是bootstrap的自定义属性,虽然不太明白什么意思,但是jquery调用的时候会用到这个属性。
Bootstrap | 2017-05-26
0   0  0
加载更多