@a-la/bootstrap 中文文档教程

发布于 5年前 浏览 20 项目主页 更新于 3年前

@a-la/bootstrap

npm version

@a-la/bootstrap 是 JSX 的 Bootstrap 类属性、元素和类型定义。

引导容器自动完成

yarn add -D @a-la/bootstrap
npm i --save-dev @a-la/bootstrap

Table Of Contents

Usage

通过安装此包,您将能够在使用 alamode< 时将标签和组件上的类指定为 JSX 属性/code>转译器。

要获得对自动完成的访问权限,您需要在源代码中导入 @a-la/bootstrap 包:

import '@a-la/bootstrap'
// or when using Preact 8:
import '@a-la/bootstrap/preact'

export const Component =
  () => (<div container>Hello World</div>)

实际导入不会执行任何操作,因为源文件是空白的。 只有 VSCode 需要它来获取分布式类型。

由于 VSCode 中的 错误,您将看不到带有连字符的属性,例如 container-fluid 并且只会看到 containerFluid,但实际上您可以同时使用两者。 添加驼峰案例是为了类的可发现性。

Bootstrap Classes

查看 Wiki 中的 Bootstrap 类的完整列表

Closure Stylesheets

Bulma 0.8.0 的注释版本在 bootstrap/bootstrap.css 中可用,其中添加了 /* @alternate */ 注释以与 闭包样式表

Copyright & License

GNU Affero 通用公共许可证 v3.0

Art Deco© Art Deco™ for À La Mode 2020

@a-la/bootstrap

npm version

@a-la/bootstrap is Bootstrap Class Properties, Elements And Types Definitions For JSX.

bootstrap container autocompletions

yarn add -D @a-la/bootstrap
npm i --save-dev @a-la/bootstrap

Table Of Contents

Usage

By installing this package, you will be able to specify classes on tags and components as JSX properties when using alamode transpiler.

To receive access to auto-completions, you'll need to import the @a-la/bootstrap package in your source code:

import '@a-la/bootstrap'
// or when using Preact 8:
import '@a-la/bootstrap/preact'

export const Component =
  () => (<div container>Hello World</div>)

The actual import doesn't do anything as the source file is blank. It is needed only for VSCode to pick up distributed typings.

Because of a bug in VSCode, you won't see properties with hyphens, e.g., container-fluid and will only see containerFluid, but you can actually use both. The camel cases are added for discoverability of classes.

Bootstrap Classes

See the ???? full list of Bootstrap classes in Wiki.

Closure Stylesheets

An annotated version of Bulma 0.8.0 is available in bootstrap/bootstrap.css where /* @alternate */ annotations were added for compatibility with Closure Stylesheets.

Copyright & License

GNU Affero General Public License v3.0

Art Deco© Art Deco™ for À La Mode 2020

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文