레이블과 텍스트 입력으로 구성된 양식을 레이아웃하려고합니다. 기본값이 너무 넓기 때문에 입력 요소의 너비를 설정하고 싶습니다. <div class="container">
<div class="span-24 last">
<label for="age">Age: </label>
<input class="text span-2"/>
레일 3.1에 응용 프로그램을 구축하고 있으며 전체 SASS 기능을 정말 좋아합니다. 나는 Compass를 최근에 들여다 보았고 Rails 3.1에서 나침반을 더 이상 사용해야 할 필요성을 토론하는 논쟁을 벌였습니다. 솔직하게 나에게 나침반을 끌기 위해 끌리는 것들은 모든 브라우저에서 호환되도록 CSS를 재설정하는 것과 같은 선형 믹스와 같은 것들이 있습니
저는 지금 청사진을 사용하여 잠시 동안 나에게 익숙하지 않은 한 가지 사실은 모든 기본 청사진 CSS 클래스를 생성하는 이유입니다. 이들처럼 : 나침반 프로젝트를 만들 때 #container .span-3 { width: 110px; }
#container .span-4 { width: 150px; }
나는 --using blueprint/semant
에서 상속하지 페이지 나는 내 응용 프로그램 레이아웃 페이지에 다음과 같은 한 내 홈 페이지에서 <body>
<div class="container showgrid">
<%= render 'layouts/header' %>
<section>
<%= yield %>
</section>
<%= render 'lay
Yesod와 함께 Blueprint CSS Framework를 사용하고 싶습니다. 모범 사례가 있습니까? Yesod는 CSS 용 템플릿을 사용하기 때문에 .css 파일을 직접 사용할 수없는 것으로 보입니다. 나는 파일을 .lucius 파일로 이름을 바꿔야합니까? CSS를 defaultLayout에 어떻게 추가합니까?
누군가이 글꼴 얼굴 구현에 대해 제대로 작동하지 않는 점을 지적 해 주시기 바랍니다. 이 문제는 body 태그를 사용하여 테스트 했으므로 문제가 HTML과 관련이 있는지 여부는 알 수 없습니다. FontSquirrel에서 글꼴 및 구현 CSS를 가져 왔습니다. 이것 좀 봐 줘서 고마워! CSS : @font-face {
font-family: 'D
blueprint.css를 사용하면 <div>을 페이지의 높이까지 늘릴 수 있습니까? 나는 순수한 CSS로 그것을하는 방법을 안다. 그러나 내가 발견 한 것은 청사진으로 그것을하는 방법을 제안하지 않는다. 그래서 나는 페이지가 내려 앉는 배경 (끔찍한 것)을 가지고있는 <div>을 남겼다.
를 사용하여 상자를 중심으로하는 방법을 내 _base.scss는 내 페이지에서 $blueprint-grid-columns: 12;
$blueprint-container-size: 750px;
$blueprint-grid-margin: 0px;
// Use this to calculate the width based on the total width.
안녕하세요, 청사진 CSS 프레임 워크로 작업하고 있습니다. 내 문제는 높이를 설정할 수 없다는 것입니다 : 외부 컨테이너에있는 컨테이너의 100 %. (컨테이너는 컨테이너 청사진 CSS 클래스로 사용됩니다). 내 내부 컨테이너가 외부 컨테이너로서의 높이가되고 싶습니다. 클래스 컨테이너는 다음과 같이 정의됩니다. . 컨테이너 {display : block;