标题层级

麻将胡了 · 排版参考手册

粗体36px

二级标题示例

粗体30px

三级标题示例

粗体24px

四级标题示例

粗体18px
五级标题示例
粗体14px
六级标题示例
粗体12px

按钮样式

默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险
默认 主要 成功 信息 警告 危险

进度条

信息带 progress-bar-info 类。

成功带 progress-bar-success 类。

警告带 progress-bar-warning 类。

危险带 progress-bar-danger 类。

反向带 progress-bar-inverse 类。

反向带 progress-bar-inverse 类。

35% 完成(成功)
20% 完成(警告)
10% 完成(危险)

提示框

面包屑

徽章

添加修饰类可改变徽章的外观。

类名 徽章
无修饰 42
.badge-primary 1
.badge-success 22
.badge-info 30
.badge-warning 412
.badge-danger 999

使用 .badge 类轻松突出显示新项目或未读项目。

面板

麻将胡了平台提供多种经典麻将玩法,吃碰杠胡规则精准还原,画面精美节奏明快,让您轻松上手。
麻将胡了(北京)科技有限公司自2015年成立以来,始终致力于通过融合经典麻将规则与现代数字技术,为麻将爱好者提供公平、流畅、易上手的在线对战平台。平台通过国家网络安全等级保护三级认证,保障用户数据与资金安全。
麻将胡了核心玩法严格遵循国标麻将规则,吃碰杠胡判定精准无偏差。新用户完成3局引导即可掌握全部操作,无需学习成本。每日开放自由场、竞技场、活动场三种模式,满足不同水平玩家的需求。每局结束后自动生成牌局回放与牌效分析,帮助用户复盘提升。

无序列表

有序列表

  1. 碰碰胡
  2. 清一色
  3. 七对子
  4. 杠上开花
  5. 海底捞月

表单

@
@example.com
$ .00
@
@
@

默认样式

基础表格只需在 <table> 上添加 .table 基类,即可获得轻量内边距与水平分隔线。

# 名 姓 用户名
1 标记 奥托 @mdo
2 雅各布 桑顿 @fat
3 拉里 小鸟 @twitter

可在 .table 基类基础上添加以下任意类。

通过 :nth-child CSS 选择器为 <tbody> 内的表格行添加斑马条纹效果(IE7-8 不支持)。

# 名 姓 用户名
1 标记 奥托 @mdo
2 雅各布 桑顿 @fat
3 拉里 小鸟 @twitter

为表格添加边框和圆角。

# 名 姓 用户名
1 标记 奥托 @mdo
标记 奥托 @getbootstrap
2 雅各布 桑顿 @fat
3 拉里小鸟 @twitter

在 <tbody> 内的表格行上启用悬停状态。

# 名 姓 用户名
1 标记 奥托 @mdo
2 雅各布 桑顿 @fat
3 拉里小鸟 @twitter
京ICP备2020166581号
麻将胡了科技有限公司麻将胡了致力于通过融合经典麻将规则与现代数字技术,为麻将爱好者提供公平、流畅、易上手的在线对战平台。电话:+86 151 6189 4477邮箱:[email protected]微信:mahjong_854营业时间:7×24北京市朝阳区建国路951号
📍 在百度地图查看位置