2 u010945392 u010945392 于 2016.02.17 09:51 提问

bootstrap table分割线

bootstrap中表格中样式写.table,行与行之间有一条分割线,这个的样式该怎么修改图片说明

6个回答

qingfeizi
qingfeizi   2016.02.17 12:50
已采纳

开F12选择你的table 看看表格受什么样式控制这。 你 可以自己找找 。 具体我也看不见 。 只要看到 border等的 就应该是

u010945392
u010945392 恩,解决了,刚才开f12,只有点到<tr>,没点<td>,导致了一些样式没出现,也就没看到border-top
2 年多之前 回复
sinat_31535993
sinat_31535993   Rxr 2016.02.17 09:56

官方文档里面写的很全了吧,自己去看看吧

showbo
showbo   Ds   Rxr 2016.02.17 10:04

f12打开浏览器开发工具,看dom有什么样式,自己写一个覆盖

u010945392
u010945392 图片见下楼,我去掉方框中的样式,水平线跟着不见。可font-family属性又是设置字体的,想不通跟水平线有何关系
2 年多之前 回复
u010945392
u010945392   2016.02.17 10:37

图片说明

qingfeizi
qingfeizi   2016.02.17 10:42

我用的是v3.3.5 具体在css文件里面搜索一下这个 , border就是边框的样式

qingfeizi
qingfeizi   2016.02.17 10:43

图片说明 附上图片

u010945392
u010945392 我样式并没有写.table-bordered,只是写了.table
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Bootstrap分割线和普通分割线
&amp;lt;div class=&quot;divider&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;!--两头渐变透明--&amp;gt; &amp;lt;hr style=&quot;filter: alpha(opacity=100,finishopacity=0,style=3)&quot; width=&quot;80%&quot; color=&quot;#6f5499&quot; size=&quot;3&quot; /&amp;gt;
如何去掉bootstrap table中表格样式中横线竖线
修改之前,表格看上去比较拥挤,因为bootstrap table插件中自带斑马线表格样式,有横线和竖线分栏,现在我们不需要这些。应UI设计的要求,要去掉中间的横线和竖线,使用了修改需求中一种简单粗暴的修改方法,打卡网页F12键,找到横线竖线所对应的位置,直接添加代码border:0px;测试成功。返回编辑器,在css里面添加.table&amp;gt;tbody...
经典分割线 html分割线
1、两头渐变透明:   2、纺锤形:   3、右边渐变透明:   4、左边渐变透明:   5、虚线:   6、双线:   7、立体效果:   8、钢针效果: 9.垂直分割线
[html代码] 几种美丽的分割线
一、普通 1、   2、 align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度   二、特效(效果并不是孤立的,可相互组合) 1、两头渐变透明:   2、纺锤形:   3、右边渐变透明:  
bootstrap table 合并单元格
/* *合并列相同的单元格,以第一列分组 *tableId 表格id *colList 要合并的列,以,分隔 例如 "modelId,modelIsp,modelProvinceid" */ var mergeCellsByField = function (tableID, colList) { var cols = colList.split(","); var tab
bootstrap中斑马线表格样式中横线怎样去掉
今天在调bootstrap样式中的表格样式时发现怎样调整表格样式都不行,在js中jsp页面中都调节不动,其中最关键的是要调节bootstrap中的样式问题如图所示:可以发现每个表格tr之间都有一条不明显的横线,要去掉他。。方法:直接在这个页面中引入.table&amp;gt;tbody&amp;gt;tr&amp;gt;td{ border:0px; }引入后效果如图:问题解决...
Bootstrap分割线
-
bootstrap 水平分隔线
&amp;lt;ul class=&quot;nav nav-list&quot;&amp;gt;&amp;lt;li class=&quot;divider&quot;&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;这种方法相对来说比较好,宽度适中。另外还有&amp;lt;h5 class=&quot;page-header&quot;&amp;gt;&amp;lt;/h5&amp;gt;不过这种效果不好,分隔的距离会有点大。...
javaweb 中使用bootstrap框架,下拉菜单添加分割线
项目中使用到了bootstrap框架下的下拉插件,当设置分割线时,由于需要鼠标移到上面显示背景,添加p不知道什么原因,会显示空格,导致有一部分无法改变背景,很丑, 后来来浏览器端调试发现,在行li添加的p会被框架识别,里面会有默认的样式有一个10px的高度,修改这个高度即可. data-toggle="dropdown"> &nbsp;工具 &nbsp;&nbsp;&n
Bootstrap 基本样式-表格
1 : 基本表格    table 2 : 带斑马线的表格    table table-striped 3 : 带边框的表格    table table-bordered 4 : 有鼠标悬停状态的表格    table table-hover 5 : 更加紧凑的表格    table table-condensed 6 : 多种表格效果整合在一起    table table-str