布局示例

Amaze UI 目前提供几个常见的布局示例，供开发者参考，后续会增加更加示例。

展示页面

使用组件说明：

• CSS 部分：网格 图标 按钮 表单 文章页 导航条 辅助类
• JS 插件部分：下拉组件 滚动侦测

登录页面

使用组件说明：

• CSS 部分：网格 图标 按钮 按钮组 表单

博客页面

使用组件说明：

• CSS 部分：网格 等宽布局 图标 按钮 面板 列表 分页
• JS 插件部分：下拉组件

博客侧栏页面

使用组件说明：

• CSS 部分：网格 文章页 评论列表 按钮 图标 列表 辅助类
• JS 插件部分：侧边栏组件

管理后台模板

• index 页面
• user 页面
• gallery 页面
• table 页面
• form 页面
• help 页面
• log 页面
• 404 页面

禁用响应式

不喜欢响应式？可以尝试禁用：

• 删除 head 里的视口设置 meta 标签；

<!--<meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">-->

• 固定容器 .am-container 宽度（可以自己添加一个 class，不一定要使用内置的）：

.am-container {
  width: 980px !important;
  max-width: none;
}

• 使用网格系统时，只添加 .col-sm-* class，移除其他断点的 class。

至此，布局层的响应式被禁用了（参考示例）。