回答編集履歴
2
edit
answer
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
[Bootstrap内のソースを検索](https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.css)してみてください。
|
|
3
3
|
|
|
4
4
|
[Bootstrap4](https://getbootstrap.com/docs/4.5/utilities/text/)には確かにありました。
|
|
5
|
-
[Bootstrap5](https://getbootstrap.com/docs/5.0/utilities/text/#text-alignment)ではクラス名が変わってます
|
|
5
|
+
[Bootstrap5](https://getbootstrap.com/docs/5.0/utilities/text/#text-alignment)ではクラス名が変わっており、ドキュメントのコードもちょっと変わってます（文章は同じ）
|
|
6
6
|
|
|
7
7
|
```html
|
|
8
8
|
<p class="text-start">Start aligned text on all viewport sizes.</p>
|
1
edit
answer
CHANGED
|
@@ -1,3 +1,18 @@
|
|
|
1
|
-
text-light
|
|
2
|
-
↓
|
|
3
|
-
text-right
|
|
1
|
+
5.0に[text-right]というクラスはありません。
|
|
2
|
+
[Bootstrap内のソースを検索](https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.css)してみてください。
|
|
3
|
+
|
|
4
|
+
[Bootstrap4](https://getbootstrap.com/docs/4.5/utilities/text/)には確かにありました。
|
|
5
|
+
[Bootstrap5](https://getbootstrap.com/docs/5.0/utilities/text/#text-alignment)ではクラス名が変わってます。
|
|
6
|
+
|
|
7
|
+
```html
|
|
8
|
+
<p class="text-start">Start aligned text on all viewport sizes.</p>
|
|
9
|
+
<p class="text-center">Center aligned text on all viewport sizes.</p>
|
|
10
|
+
<p class="text-end">End aligned text on all viewport sizes.</p>
|
|
11
|
+
|
|
12
|
+
<p class="text-sm-start">Start aligned text on viewports sized SM (small) or wider.</p>
|
|
13
|
+
<p class="text-md-start">Start aligned text on viewports sized MD (medium) or wider.</p>
|
|
14
|
+
<p class="text-lg-start">Start aligned text on viewports sized LG (large) or wider.</p>
|
|
15
|
+
<p class="text-xl-start">Start aligned text on viewports sized XL (extra-large) or wider.</p>
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
既に指摘がある通り、ドキュメントを確認しましょう。
|