SemanticUI + Meteor: repeated class names problem


#1

Hi guys, I’m using Meteor with Semantic UI and trying to make responsive column for devices like this:

<div class="ui grid container">
    <div class="eight wide computer ten wide tablet sixteen wide mobile column">
        <div class="ui form">
            <div class="field">
                <input type="text" name="company-name" placeholder="Company name">
            </div>
            <div class="field">
                <textarea type="text" name="company-description" placeholder="Company Description"></textarea>
            </div>
        </div>
    </div>
</div>

I got the following code in browser,

<div class="ui grid container">
    <div class="eight wide computer ten tablet sixteen mobile column">
        <div class="ui form">
            <div class="field">
                <input type="text" name="company-name" placeholder="Company name">
            </div>
            <div class="field">
                <textarea type="text" name="company-description" placeholder="Company Description"></textarea>
            </div>
        </div>
    </div>
</div>

There is only one ‘wide’ left. I think it is a problem with Meteor.

What do I do?