#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

По умолчанию установлены верхний и нижний отступы padding в 15px, что позволяет соответствовать отступам .container слева и справа, обеспечивая более дружественный для пользователя вид. Также установлен белый фон.

.area-fluid

Установлен только белый фон.

Рекомендуемая структура HTML

.area > .container > .xxx

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

Реальное применение

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

Модальные окна

Полноэкранные модальные окна

Добавление класса .modal-full к .modal-dialog позволяет создать полноэкранные модальные окна.

Сторонний отступ padding установлен в 20px слева и справа.

Например: @Html.Title("Таблицы", "tables") выведет <h1 id="tables">Таблицы</h1>.

И при добавлении новых компонентов в будущем, это также упростит написание документации.

Каждый компонент будет написан на отдельной странице, а затем отрендерен на странице index.