• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

8: 21 초에 질문입니다!

21.07.01 11:28 작성 조회수 165

0

'class': 'editable 옆에 text-left를 붙여도 제가 지금까지 만든 웹페이지에선 center로 작동합니다

좋은 강의 항상 잘 듣고 있습니다.

답변 4

·

답변을 작성해보세요.

8

ansxjrdptj94님의 프로필

ansxjrdptj94

2021.08.12

bootstrap5에서 text-left가 text-start로 변경되었다는 것 같습니다. text-start로 바꿔주니 적용이 되네요

코드몽키님의 프로필

코드몽키

2021.08.12

아 그렇네요 설마 bootstrap에서 변경 할 줄은 상상도 못했네요. 답변 감사합니다

  • Renamed .text-left and .text-right to .text-start and .text-end.
Noah Shin님의 프로필

Noah Shin

2022.03.17

감사합니다 ㅠ

1

안녕하세요!
질문 확인했습니다.

class 는 말 그대로 해당 태그에 클래스 이름을 붙여주기 위한 속성입니다.

text-align 은 CSS 스타일 속성이기 때문에 class 에 작성하셔도 적용이 되지 않습니다.

HTML 태그 내에 style 이라는 속성값에 CSS 문법으로 작성할때,
정상적으로 CSS 스타일이 적용되는 걸 확인하실 수 있을거에요.

아무튼 해결이 되셨다니 다행입니다!
강좌 잘 들어주셔서 감사하구요-
좋은하루 보내시길 바랍니다.

0

코드몽키님의 프로필

코드몽키

2021.08.08

저도 질문자와 동일한 부분이 궁금한데, 

강의에서는 bootstrap에 있는 'text-left' class를 사용해서 

왼쪽 정렬  하신다고 말하시고, 결과를 보여주셨는데, 

저 또한 질문자분과 동일하게 적용이 안되서 css 속성을 class

적용한 부분 보다는  이 부분이 궁금한 거 같네요

네 지금 확인해보니까,
질문자님의 의도와는 다르게 답변 방향이 조금 어긋나 있었던것 같네요.

제가 다시 확인을 해보니,
text-left 로 변경한 이후에 바로 새로고침을 하면 적용이 되지 않지만,

개발자창의 network 탭의 Disable cache 기능을 활성화하고나서,
새로고침을 할 경우 제대로 동작하는 것을 확인했습니다.

아무래도 이전의 페이지 소스 기반으로 캐쉬를 만들어 사용하던 것을,
캐쉬 파일 없이 새로이 페이지를 구성하면 정상적으로 적용 되는 것으로 보입니다.

코드몽키님의 프로필

코드몽키

2021.08.08

아 그런 문제였군요. 어쩐지 코드도 동일한데, 강의에서는 바로 수정되어 나오는데, 

저는 안되서 뭐가 문제인가 고민했네요 ㅎㅎ 

답변 감사합니다.

0

파이썬님의 프로필

파이썬

질문자

2021.07.01

아아 class로 안하고 style에 text-align으로 하니깐 적용되네요.. class 에선 왜 안되었던 걸까요??