2017-12-31 54 views
1

내 프로젝트에서 부트 스트랩 모달을 사용하고 싶지만 부트 스트랩 스타일 시트를로드 할 때 내 CSS를 겹쳐 쓰는 것처럼 보이기 때문에 내 웹 사이트를 손상시킬 수 있습니다.부트 스트랩을 사용하지 않는 부트 스트랩 스타일 모달

모달 기능을 사용하기 위해 전체 부트 스트랩을로드하지 않고도 사용할 수있는 부트 스트랩 스타일 스크립트를 아는 사람이 있습니까? 또는 내 CSS를 제동하지 않고 부트 스트랩 모달을 사용할 수있는 다른 방법이 있습니다. 건배

추신. 예, CSS 스타일 시트 전에 부트 스트랩을로드하려고했지만 여전히 CSS를 덮어 씁니다.

+0

modstyle에 사용자 정의 스타일을 적용하고 사용자 정의 스타일을 적용 할 수 있습니다. 이 접근법은 힘든 것입니다! – Ele

답변

0

저는 CSS를 사용자 정의하여 부트 스트랩에 사용할 수 있다고 생각합니다.

사용하는 작업을 수행하기위한 링크 :이 도움이 https://getbootstrap.com/docs/3.3/customize/

enter image description here

희망!

+0

그게 내가 무엇을 찾고 있었는지! 고마워요. :) 그러나 나는 단지 사용자 정의 부트 스트랩에 모달을 선택하고 타이포그래피 등을 위해 모든 것을 다시 설정했으며 여전히 내 텍스트 (모든 h1, h2, h3 및 단락)에 영향을 받았습니다. – woocash

+0

헤더 스타일 만 영향을받는 경우 중요한 플래그를 사용하여 당신의 헤더 스타일에 의한 스타일. 영향을받는 유일한 스타일은 머리글 스타일이기 때문에이 방법을 제안합니다. – Ele

0

당신은 당신이 here

당신이 CSS를 방지하기 위해이 하나 Here

+0

감사합니다. 부트 스트랩과 매우 흡사하게 보이는 아주 멋진 모달입니다. 내 프로젝트에서 이것을 사용할 수 있습니다. 건배! – woocash

0

을 시도보다 덮어 쓸 수 JQuery와 효과 작업 할 경우를 사용하는 것이 도움이 될 수도 있습니다 URL을 확인해야 ! 중요 플래그 :

p { 
 
    color: blue !important; 
 
    color: red; 
 
}
<p>my stuff</p>

+0

그러나 이것은 대안으로, 전체 프로젝트에서이를 수행하고 잘못된 요소를 만드는 경향이 있습니다. 또한, 모든 새로운 스타일은 원하는 스타일을 따르는 치료가 필요합니다. – Ele

+0

예, 자신의 구체적인 문제에 대한 해결책이 아닙니다. 그래도 도움이 될 수 있습니다. –

0

iziModal이라는 귀여운 모달 플러그인이 있습니다. 다음은 github repo 링크입니다. https://github.com/dolce/iziModal

+0

부트 스트랩 모달을 대체 할 수있는 훌륭한 대안 :) 미래에도 사용할 수 있습니다. 감사합니다. – woocash