https://github.com/phachon/bootstrap-example

一些 bootstrap 常用的布局例子和模板
https://github.com/phachon/bootstrap-example

bootstrap bootstrap3 css html php

Last synced: 3 months ago
JSON representation

一些 bootstrap 常用的布局例子和模板

• Host: GitHub
• URL: https://github.com/phachon/bootstrap-example
• Owner: phachon
• Created: 2017-07-31T08:26:49.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-08-02T02:28:33.000Z (almost 9 years ago)
• Last Synced: 2025-10-08T22:39:45.111Z (9 months ago)
• Topics: bootstrap, bootstrap3, css, html, php
• Language: CSS
• Homepage:
• Size: 752 KB
• Stars: 7
• Watchers: 1
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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