bootstrap 设置table - td宽度问题

1.bootstrap对td的宽度是怎么控制的?2.为什么直接在行内加style="width:100px;",这种固定宽度没有效果?用style="width:10%;... 1.bootstrap对td的宽度是怎么控制的?
2.为什么直接在行内加style="width:100px;",这种固定宽度没有效果?用style="width:10%;" 使用百分比就可以。
展开
 我来答
六六看社会
高粉答主

2018-04-05 · 财务助理
六六看社会
采纳数:2198 获赞数:126535

向TA提问 私信TA
展开全部

1.//对于 Bootstrap 3.0

For Bootstrap 3.0:

// class="col-md-*"  其中的*表示列的宽度

With twitter bootstrap 3 use: class="col-md-*" where * is a number of columns of width.

2.//对于 Bootstrap 2.0

For Bootstrap 2.0:

// class = "span*" 其中的*表示列的宽度

With twitter bootstrap 2 use: class="span*" where * is a number of columns of width.

3.// 如果有<th> 元素,在 th 上设置同样有效。

** If you have <th> elements set the width there and not on the <td> elements.

Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。

Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。

Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。

Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 

国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

匿名用户
2017-07-13
展开全部

测试px和%都是可以生效的,是不是你写错地方了,要不把原码贴出来帮你看下,bootstrap自带table响应式布局:任意的 .table 包在 .table-responsive class 内,可以让表格水平滚动以适应小型设备(小于 768px)。当在大于 768px 宽的大型设备上查看时,将看不到任何的差别。

如果非要对自行定义td的宽度,可以试试bootstrap的网格系统,简单方便:

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式