부트 스트랩과 960.gs로 스타일과 HTML을 분리하는 방법

Question

부트 스트랩을 사용하기 시작했고 매우 실망했습니다! 레일을 사용하기 때문에 가능한 한 웹 엔티티를 구성하는 것이 철학입니다.

부트 스트랩 그리드에 대해 말씀 드리겠습니다.

부트 스트랩을 사용하면 해당 클래스를 사용하여 그리드에 div를 배치 할 수 있습니다. 내 사이트에는 사이드 바가 있고 중첩 된 격자 객체가 곱합니다. 들여 쓰기를 많이 사용합니다 (haml -하지만 나도 들여 쓰기 HTML) 및 부트 스트랩 방법. 다음은 예입니다.

 <div class="row"> 

      <div class="span5"> 

       <div class="row"> 
        <div class="span2"> 
         <p> 
          hohohohohohoho 
         </p> 
        </div> 
        <div class="span3"> .... 

여기에 4 개의 클래스가 있습니다.

다시 말해서 내보기가 더 이상 깨끗하지 않습니다 ... 실제로는 스타일을 지정하기 위해서만 사용되는 부트 스트랩 클래스로 채워집니다. 그리드 시스템을 변경하기로 결정했다면, 모든 의견을 바꿔야합니다! (악몽).

내가 부트 스트랩 그리드의 장점 (또는 960.gs 그리드)을 가질 수 있습니다 : 이것은 우리가 질문을 포럼이기 때문에 이것은 ... 다시 인라인 스타일링 시대

을 우리가 걸립니다, 내 질문 내 견해를 왜곡하지 않고? 즉, 어떻게 든 제 CSS를 크게 변경하지 않고도이 CSS를 모든 스타일에 포함시킬 수 있습니까?

뭔가 같은 :

side-bar{ 
    color:red; 
    span:span_5; 
} 

Answer 1

사용 SASS [1] 이하 [2] (또는 스타일러스 또는 기타 CSS 프리 프로세서)

[1] - http://sass-lang.com/
[2] - http://lesscss.org/

이렇게하면 정확하게 허용됩니다. 전처리 기와 함께 별을 만드는 방법에 대한 온라인 자습서가 많이 있으며, 이는 대단히 도움이 될 것입니다. http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

---

을 그리고 또한, 내 의견으로는, CSS/HTML의 전체 분리는 신화입니다 : 당신은 여기에 (이 경우 LESS) 처리기에 대한 소개를 읽을 수 있습니다. '그리드 시스템 변경'과 같은 일을하는 경우는 드물지만 CSS 만 변경하여 재 설계하는 경우는 거의 없으며 HTML도 변경해야합니다.