# TagCss

**Repository Path**: Tickly/TagCss

## Basic Information

- **Project Name**: TagCss
- **Description**: 基于BootStrap的一个扩展CSS库。
- **Primary Language**: CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 3
- **Created**: 2015-07-30
- **Last Updated**: 2022-02-27

## Categories & Tags

**Categories**: bootstrap-plugins

**Tags**: None

## README

#TagCss

建这个项目是打算扩展一下BootStrap，增加一下更多的组件等等。

但是对自己没信心，所以这个坑可能填不上。

QQ：807081817

# 引用方式
```
<link href="http://git.oschina.net/Tickly/TagCss/raw/master/TagCss/css/TagCss/TagCss.css" rel="stylesheet" />
```


#关于下面这种说明文档！！
#真的是 好！难！写！

# 布局容器

BootStrap 有一个 `.container` 类，是用来包裹内容的。

我这里定义了一个 `.area`，用来作为 `.container` 的父元素，表示一个区块。

用来设置`background-color`,`padding`,`margin`等样式

## 默认行为

`.area` 

默认设置了上下15px内边距，因为这样可以与子元素.container的左右边距对应,达到一个比较友好的显示效果,还设置了白色背景

`.area-fluid` 

仅仅设置了一个背景白色


## 建议的HTML结构

	.area > .container > .xxx

	.area-fluid > .container-fluid > .xxx

## 实际应用

> .area-xxx 用来声明这个区块

	<div class="area area-xxx">
	    <div class="container">
	        ...
	    </div>
	</div>


# 模态框

## 全屏的模态框
为.modal-dialog增加.modal-full样式即可实现全屏模态框效果
> 左右预留了20px的padding



<br />
<hr />
说明文档打算仿照BootStrap的网站来写

所以打算写一些方法，输出 标题，说明，内容等等，统一管理

比如： @Html.Title("表格","tables") 会输出 `<h1 id="#tables">表格</h1>`

而且以后新增组件的时候，这样也方便写文档。


然后 每一个组件，均用一个分页来写，再在index页面里面render进来