Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Y
yii2bootstrap
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
夏彬
yii2bootstrap
Commits
3856e50b
Commit
3856e50b
authored
May 04, 2018
by
Nobuo Kihara
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
guide-ja revised [ci skip]
parent
627574fc
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
27 additions
and
16 deletions
+27
-16
README.md
docs/guide-ja/README.md
+2
-1
assets-setup.md
docs/guide-ja/assets-setup.md
+10
-5
basic-usage.md
docs/guide-ja/basic-usage.md
+3
-3
helper-html.md
docs/guide-ja/helper-html.md
+4
-2
installation.md
docs/guide-ja/installation.md
+3
-1
topics-less.md
docs/guide-ja/topics-less.md
+2
-1
usage-widgets.md
docs/guide-ja/usage-widgets.md
+3
-3
No files found.
docs/guide-ja/README.md
View file @
3856e50b
Yii 2 Twitter Bootstrap エクステンション
========================================
このエクステンションは、マークアップとコンポーネントのフレームワーク
[
Bootstrap 3
](
http://getbootstrap.com/
)
(
"Twitter
Bootstrap" としても知られています) に対するサポートを提供します。
このエクステンションは、マークアップとコンポーネントのフレームワーク
[
Bootstrap 3
](
http://getbootstrap.com/
)
("Twitter Bootstrap" としても知られています) に対するサポートを提供します。
Bootstrap は優れた、レスポンシブなフレームワークであり、クライアント・サイドの開発プロセスを大いにスピードアップすることが出来るものです。
Bootstrap のコアは二つの部分によって表されます。
...
...
docs/guide-ja/assets-setup.md
View file @
3856e50b
...
...
@@ -42,7 +42,8 @@ return [
composer global require "fxp/composer-asset-plugin:^1.4.0"
```
Yii を使ってアセットを発行したい場合は、あなたのプロジェクトの
`composer.json`
に下記の行を追加して、インストールされるパッケージが置かれるディレクトリを設定します。
Yii を使ってアセットを発行したい場合は、あなたのプロジェクトの
`composer.json`
に下記の行を追加して、
インストールされるパッケージが置かれるディレクトリを設定します。
```
json
"extra"
:
{
...
...
@@ -55,7 +56,8 @@ Yii を使ってアセットを発行したい場合は、あなたのプロジ
これで、
`composer install/update`
コマンドを実行すると、Bootstrap のアセットを取得することが可能になります。
> Note: `fxp/composer-asset-plugin` は asset-packagist に比べると、`composer update` コマンドを著しく遅くさせます。
> Note: `fxp/composer-asset-plugin` は asset-packagist に比べると、`composer update`
コマンドを著しく遅くさせます。
## Bower/NPM クライアントを直接に使う
...
...
@@ -85,7 +87,7 @@ Bower または NPM のクライアントを直接に使って Bootstrap のア
## CDN を使う
[
公式 CDN
](
https://www.bootstrapcdn.com
)
から Bootstrap アセットを使うことが出来ます。
.
[
公式 CDN
](
https://www.bootstrapcdn.com
)
から Bootstrap アセットを使うことが出来ます。
あなたのプロジェクトの
`package.json`
に次の行を追加して、Bootstrap アセットの冗長なインストールを防止します。
...
...
@@ -138,7 +140,8 @@ return [
Bootstrap CSS ソースを直接にカスタマイズしたい場合、
*
.less ファイルから CSS をコンパイルしたいと思うことがあるでしょう。
そのような場合は、Bootstrap アセットを Composer や Bower/NPM からインストールすることは合理的ではありません。
なぜなら、
`vendor`
ディレクトリ内のファイルは変更できないからです。
Bootstrap アセットを手作業でダウンロードし、プロジェクト・ソース・コード内のどこか、例えば
`assets/source/bootstrap`
フォルダに置かなければなりません。
Bootstrap アセットを手作業でダウンロードし、プロジェクト・ソース・コード内のどこか、
例えば
`assets/source/bootstrap`
フォルダに置かなければなりません。
あなたのプロジェクトの
`package.json`
に次の行を追加して、Bootstrap アセットの冗長なインストールを防止します。
...
...
@@ -191,7 +194,8 @@ Bootstrap CSS ソースを直接にカスタマイズしたい場合、*.sass
そのような場合は、Bootstrap アセットを Composer や Bower/NPM からインストールすることは合理的ではありません。
なぜなら、
`vendor`
ディレクトリ内のファイルは変更できないからです。
Bootstrap アセットを手作業でダウンロードし、プロジェクト・ソース・コード内のどこか、例えば
`assets/source/bootstrap`
フォルダに置かなければなりません。
Bootstrap アセットを手作業でダウンロードし、プロジェクト・ソース・コード内のどこか、
例えば
`assets/source/bootstrap`
フォルダに置かなければなりません。
あなたのプロジェクトの
`package.json`
に次の行を追加して、Bootstrap アセットの冗長なインストールを防止します。
...
...
@@ -200,6 +204,7 @@ Bootstrap アセットを手作業でダウンロードし、プロジェクト
"bower-asset/bootstrap"
:
">=3.3.0"
},
```
'assetManager' アプリケーション・コンポーネントを構成して、Bootstrap アセット・バンドルをオーバーライドし、CSS ファイルのためのコンパイラを指定します。
```
php
...
...
docs/guide-ja/basic-usage.md
View file @
3856e50b
基本的な使用方法
================
Yii は bootstrap の基礎を PHP コードでラップすることをしていません。
なぜなら、この場合の HTML コードがそれ自体として非常にシンプルだからです。
Yii は bootstrap の基礎を PHP コードでラップすることをしていません。なぜなら、この場合の HTML コードがそれ自体として非常にシンプルだからです。
bootstrap の基礎を使用することに関する詳細は、
[
bootstrap ドキュメント・ウェブ・サイト
](
http://getbootstrap.com/css/
)
で見ることが出来ます。
それでも、Yii はあなたのページに bootstrap のアセットをインクルードするための便利な方法を提供しています。
`@app/assets`
ディレクトリに配置されている
`AppAsset.php`
に一行を加えるだけで大丈夫です。
...
...
@@ -14,4 +13,5 @@ public $depends = [
];
```
Yii のアセットマネージャによって bootstrap を使うと、必要に応じて、bootstrap のリソースを最小化したり、あなた自身のリソースと結合したりすることが出来ます。
Yii のアセットマネージャによって bootstrap を使うと、必要に応じて、bootstrap のリソースを最小化したり、
あなた自身のリソースと結合したりすることが出来ます。
docs/guide-ja/helper-html.md
View file @
3856e50b
...
...
@@ -5,12 +5,14 @@ Bootstrap は、一貫性の高い多数の HTML 構文ないしはスケルト
このエクステンションによって提供されるウィジェットがカバーしているのは、その中の最も複雑なものだけです。
残りのものは、直接に HTML 構文を使って、手作業で構築しなければなりません。
ただし、いくつかの特別な Bootstrap マークアップについては、
[
[\yii\bootstrap\Html
]
] によってカバーされています。
[
[\yii\bootstrap\Html
]
] は通常の
[
[\yii\helpers\Html
]
] の拡張版であり、Bootstrap の要求に特化して、いくつかの便利なメソッドを提供するものです。
[
[\yii\bootstrap\Html
]
] は通常の
[
[\yii\helpers\Html
]
] の拡張版であり、Bootstrap の要求に特化して、
いくつかの便利なメソッドを提供するものです。
-
`icon()`
- Glyphicon のアイコンのレンダリングを可能にする
-
`staticControl()`
- フォームの "static controls" のレンダリングを可能にする
[
[\yii\bootstrap\Html
]
] は
[
[\yii\helpers\Html
]
] で利用できる全ての機能を継承しており、その代替物として使うことが出来ますので、ビュー・ファイルの中で両方を使う必要はありません。
[
[\yii\bootstrap\Html
]
] は
[
[\yii\helpers\Html
]
] で利用できる全ての機能を継承しており、その代替物として使うことが出来ますので、
ビュー・ファイルの中で両方を使う必要はありません。
例えば、
```
php
...
...
docs/guide-ja/installation.md
View file @
3856e50b
...
...
@@ -11,8 +11,10 @@
php composer.phar require --prefer-dist yiisoft/yii2-bootstrap
```
または、あなたの
`composer.json`
ファイルの
`require`
セクションに、
下記を追加してください。
または、あなたの
`composer.json`
ファイルの
`require`
セクションに、
```
"yiisoft/yii2-bootstrap": "~2.0.0"
```
を追加してください。
docs/guide-ja/topics-less.md
View file @
3856e50b
Bootstrap の .less ファイルを直接に使う
=======================================
あなたが
[
Bootstrap CSS をあなたの less ファイルに直接含める
](
http://getbootstrap.com/getting-started/#customizing
)
ことを望む場合は、オリジナルの CSS ファイルがロードされないように無効化する必要があります。
あなたが
[
Bootstrap CSS をあなたの less ファイルに直接含める
](
http://getbootstrap.com/getting-started/#customizing
)
ことを望む場合は、
オリジナルの CSS ファイルがロードされないように無効化する必要があります。
[
[yii\bootstrap\BootstrapAsset|BootstrapAsset
]
] の
`css`
プロパティを空に設定することによって、そうすることが出来ます。
そのためには、
`assetManager`
[
アプリケーション・コンポーネント
](
https://github.com/yiisoft/yii2/blob/master/docs/guide-ja/structure-application-components.md
)
を以下のように構成します。
...
...
docs/guide-ja/usage-widgets.md
View file @
3856e50b
...
...
@@ -22,8 +22,7 @@ Yii ウィジェット
## ウィジェットの CSS クラスをカスタマイズする <span id="customizing-css-classes"></span>
これらのウィジェットを使うと、bootstrap CSS クラスの使用を要求する bootstrap コンポーネントのための HTML を素速く構成することが出来ます。
特定のコンポーネントのデフォルトの CSS クラスはウィジェットによって自動的に追加されます。
そして、あなたがカスタマイズしたいであろうオプションの CSS クラスは、通常は、ウィジェットのプロパティによってサポートされています。
特定のコンポーネントのデフォルトの CSS クラスはウィジェットによって自動的に追加されます。そして、あなたがカスタマイズしたいであろうオプションの CSS クラスは、通常は、ウィジェットのプロパティによってサポートされています。
例えば、
[
[yii\bootstrap\Button::options
]
] を使って、ボタンの外見をカスタマイズすることが出来ます。
このとき、ボタンに要求される 'btn' クラスは自動的に追加されますので、あなたが心配をする必要はありません。
...
...
@@ -37,7 +36,8 @@ echo Button::widget([
```
しかしながら、時として、デフォルトのクラスを別のクラスで置き換える必要がある場合があります。
例えば、
[
[yii\bootstrap\ButtonGroup
]
] は、コンテナの div に 'btn-group' をデフォルトで使用しますが、ボタンを垂直に並べるために 'btn-group-vertical' を代りに使いたいことがあるでしょう。
例えば、
[
[yii\bootstrap\ButtonGroup
]
] は、コンテナの div に 'btn-group' をデフォルトで使用しますが、
ボタンを垂直に並べるために 'btn-group-vertical' を代りに使いたいことがあるでしょう。
単純に 'class' オプションを使うと、'btn-group-vertical' が 'btn-group' に追加されるだけで、正しくない結果が生成されることになります。
ウィジェットのデフォルトのクラスをオーバーライドするためには、'class' オプションに配列形式を使用して、'widget' キーの下にカスタマイズしたクラスの定義を指定しなければなりません。
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment