/ / Použitie ekvalizéra nadácie s HAML - zurb-foundation, haml, foundation-equalizer

Použitie ekvalizéra Foundation s HAML - zurb-foundation, haml, foundation-equalizer

Pokúšam sa použiť základný ekvalizér Zurb, aby vytvoril dva stĺpce rovnakej výšky.

Syntax podľa webovej stránky nadácie je:

<div class="row" data-equalizer>
<div class="large-6 columns panel" data-equalizer-watch>
...
</div>
<div class="large-6 columns panel" data-equalizer-watch>
...
</div>
</div>

Ako to môžem preložiť? Je to možné?

Tu je odkaz na webovú stránku nadácie, kde nájdete odkaz: http://foundation.zurb.com/sites/docs/v/5.5.3/components/equalizer.html

odpovede:

2 pre odpoveď č. 1

(Predpokladám, že s mojou odpoveďou už viete, ako používať HAML.)

Vykonali by ste triedy ako normálne, ale atribúty údajov musia byť špecificky vložené do HAML. Našťastie dokumentácia HAML, ktorú som práve našla, opisuje, ako to urobiť: http://haml.info/docs/yardoc/file.REFERENCE.html#html5_custom_data_attributes

HTML5 Custom Data Attributes

HTML5 allows for adding custom non-visible data attributes to elements using attribute names beginning with data-. Custom data attributes can be used in Haml by using the key :data with a Hash value in an attribute hash. Each of the key/value pairs in the Hash will be transformed into a custom data attribute. For example:

%a{:href=>"/posts", :data => {:author_id => 123}} Posts By Author

will render as:

<a data-author-id="123" href="/posts">Posts By Author</a>

Prečítajte si túto stránku a získajte viac informácií.