# bootstrap-example

**Repository Path**: mirrors_snail007/bootstrap-example

## Basic Information

- **Project Name**: bootstrap-example
- **Description**: 一些 bootstrap 常用的布局例子和模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# bootstrap-example
总结的一些 bootstrap 常用的布局和使用demo

工作中开发系统应该经常会使用 bootstrap，一般是会去官方网站 http://v3.bootcss.com/ 去找一些使用例子，但是往往不能满足我们的布局，所以将经常使用到的一些例子总结下来，方便开发时快速使用。
欢迎有需求的朋友 fork

## 运行环境
- PHP ~ 5.5*

## 本地部署
clone 或者下载 源代码解压
地址：https://github.com/phachon/bootstrap-example.git

进入目录 bootstrap-example 执行

```
php -S 127.0.0.1:8000
```
这里的端口 8000 也可使用其他端口  
打开浏览器 http://127.0.0.1:8000

## 目录介绍
- resource 静态资源目录 css js images fonts
- example 一些 html 例子
- example/layout 加载的 html 公共部分

## 访问

http://127.0.0.1:8000/form/base 访问的是 example/form/base.html 的页面

## 界面效果

- 基本元素
![image](https://github.com/phachon/bootstrap-example/blob/master/resource/images/wiki/demo1.png)
- 输入框组
![image](https://github.com/phachon/bootstrap-example/blob/master/resource/images/wiki/demo2.png)
- 级联菜单
![image](https://github.com/phachon/bootstrap-example/blob/master/resource/images/wiki/demo3.png)

## 反馈

欢迎提交意见和代码，联系方式 phachon@163.com

Thanks
---------
Create By phachon@163.com