本文详细讲解Bootstrap3 页面设计有哪些工具，覆盖代码压缩、可视化构建器、jQuery等核心要点，从基础概念到实操步骤层层拆解，并给出可直接套用的多种实践方法，附带常见坑点与适用场景说明，帮你快速掌握Bootstrap3 页面设计有哪些工具的使用思路与避坑技巧。

CSS 隐藏元素最易混的两种写法：display:none 彻底移除、不占位置、不能点击；visibility:hidden 只隐身、仍占位、默认不响应。本文对比二者差异与适用场景，并补充 opacity:0 等技巧与两个常见坑，帮你选对写法、不再让页面错位或留白。

JavaScript 取整是前端处理数字的高频操作。本文基于浏览器实测，讲清 Math.floor 向下取整、parseInt 截断小数、位运算 ~~ 取整三种写法的区别与适用场景，并点明负数方向、字符串本质两个常见坑，帮你把小数稳稳变成整数。

JavaScript 事件监听是给网页元素绑定交互的核心手段。本文基于浏览器实测，讲清 addEventListener 与 on 事件属性两种写法的区别、各自适用场景，以及拿元素过早、this 指向两个常见坑的解决办法，帮你把点击和输入事件稳稳绑对。

本文讲清 CSS 怎么用 border-radius 给按钮、卡片等元素加圆角：写一个值四个角一起圆最常用，写多个值或单独属性可精细控制每个角。同时指出正方形配 50% 才能做正圆头像、长方形变椭圆等常见坑，帮你把圆角用好看。

HTML 图片自适应，核心是给 img 设 width:100% 或 max-width:100%，让图片宽度跟着容器走而不是写死像素。本文讲清图片为什么会撑破布局，提供 width:100% 拉满、max-width:100% 防放大、object-fit 控裁剪三种完整做法和对比表，并列出图片溢出、被拉长变形、Retina 发虚等常见坑的解决办法，帮你让任意尺寸的图都贴合容器。

CSS 文字两端对齐，就是给段落设 text-align:justify，让每行首尾都贴齐容器两边。本文讲清 justify 做了什么、为什么中文常常看不出效果，提供 text-align-last 补齐最后一行、hyphens 防英文断词的写法，并列出短标签、标题、窄容器等不该用的场景，帮你把文字排得像报纸一样整齐。