質問編集履歴

5

質問文を訂正

2021/04/19 06:56

投稿

okabayashi
okabayashi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,11 @@
30
30
 
31
31
  ```css
32
32
 
33
+ :not(.actiontext){
34
+
33
- :not(.actiontext){@import "bootstrap"}
35
+ @import "bootstrap";
36
+
37
+ }
34
38
 
35
39
 
36
40
 

4

質問文を訂正

2021/04/19 06:56

投稿

okabayashi
okabayashi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  ### 試した事
28
28
 
29
- bootstrapが干渉しているかと思い、bootstrapを無効にしてみたのですが、それどうやら違うみたいでした。
29
+ rich_text_areaのみ以下の記述でbootstrapを無効にしてみたのですが、結果変わりませんでした。
30
30
 
31
31
  ```css
32
32
 

3

質問文を訂正

2021/04/19 00:19

投稿

okabayashi
okabayashi

スコア4

test CHANGED
@@ -1 +1 @@
1
- AcrionTextの表示がおかしいのですが、原因がわかりません
1
+ AcrionTextの表示がbootstrapによりおかしくなる
test CHANGED
@@ -1,4 +1,4 @@
1
- railsでActionTextを実装したのですが、本来なら1枚目の画像の様に表示されるはずが、2枚目の画像の様になってしまいます。これを直したいのですが、原因がわからず困ってい。わかる方がいれば、教えていただけますと幸いです。
1
+ railsでActionTextを実装したのですが、本来なら1枚目の画像の様に表示されるはずが、2枚目の画像の様になってしまいます。これを直したいのですが、bootstrapを導入している事が原因と考えられるのです、対処法がわかせん。わかる方がいれば、教えていただけますと幸いです。
2
2
 
3
3
 
4
4
 
@@ -18,7 +18,7 @@
18
18
 
19
19
  = f.label :text, '投稿内容', class: "form-item"
20
20
 
21
- = f.rich_text_area :content //この部分
21
+ = f.rich_text_area :content, class: "actiontext" //この部分
22
22
 
23
23
  ```
24
24
 
@@ -28,26 +28,12 @@
28
28
 
29
29
  bootstrapが干渉しているのかと思い、bootstrapを無効にしてみたのですが、それはどうやら違うみたいでした。
30
30
 
31
-
32
-
33
- [こちらの記事](https://teratail.com/questions/232683)も見てみたのですが、該当するものではありませんでした。
34
-
35
-
36
-
37
- ### 追記
38
-
39
- railsの新規プロジェクトを立ち上げ、action textを実装したら、上手く表示されました。
40
-
41
- そのプロジェクトにbootstrapを導入したところ、1枚目の画像の様にレイアウトが変わってしまいましたので、原因はbootstrapかと思います。
42
-
43
- ただ以前、rich_text_areaにのみ
44
-
45
31
  ```css
46
32
 
47
- :not(.クラス名){@import "bootstrap"}
33
+ :not(.actiontext){@import "bootstrap"}
48
34
 
49
35
 
50
36
 
51
37
  ```
52
38
 
53
- として、bootstrapを無効にしようと試みたのですがダメでした。
39
+ [こちらの記事](https://teratail.com/questions/232683)も見てみたのですが、該当するものはありませんでした。

2

質問文を訂正

2021/04/18 14:10

投稿

okabayashi
okabayashi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -50,4 +50,4 @@
50
50
 
51
51
  ```
52
52
 
53
- として、bootstrapを無効に使用と試みたのですがダメでした。
53
+ として、bootstrapを無効にしようと試みたのですがダメでした。

1

質問文追加

2021/04/18 14:04

投稿

okabayashi
okabayashi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -31,3 +31,23 @@
31
31
 
32
32
 
33
33
  [こちらの記事](https://teratail.com/questions/232683)も見てみたのですが、該当するものではありませんでした。
34
+
35
+
36
+
37
+ ### 追記
38
+
39
+ railsの新規プロジェクトを立ち上げ、action textを実装したら、上手く表示されました。
40
+
41
+ そのプロジェクトにbootstrapを導入したところ、1枚目の画像の様にレイアウトが変わってしまいましたので、原因はbootstrapかと思います。
42
+
43
+ ただ以前、rich_text_areaにのみ
44
+
45
+ ```css
46
+
47
+ :not(.クラス名){@import "bootstrap"}
48
+
49
+
50
+
51
+ ```
52
+
53
+ として、bootstrapを無効に使用と試みたのですがダメでした。