Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Semantic tutorial #74

Open
Garito opened this Issue · 6 comments

2 participants

@Garito

Hi!
I recently found compass and sass because I don't use rails on my workflow but I'm pretty interested in using TB in a semantic way

So, now I have installed compass-twitter-bootstrap and I can use it in my projects (I've try semantic layout more or less and buttons)

My next step is use it with tabs but I can't understand the way to do that

I've tried something like this:

HTML

<nav>
    <ul>
        <li><a href="#">Menu Option 1</a></li>
        <li><a href="#">Menu Option 2</a></li>
        <li><a href="#">Menu Option 3</a></li>
    </ul>
</nav>

SCSS

nav {
    @extend .nav;
    @extend .nav-tabs;
}

but I don't have any tab (I only see the bottom line used in the TB tabs)

What am I missing?

Is this library what I want? (I mean if I could achieve my semantic needs with it or I need to search for a better solution)

Thanks a lot!!
Sorry for the advanced guys in the list pissed of with newbies questions

@kristianmandrup

I started a project aimed at making it easier to use Twitter Bootstrap in a more semantic fashion. You are most welcome to experiment with it and help out improving it ;)

https://github.com/kristianmandrup/semantic-sass-bootstrap

@Garito

Jajajajaja, sincronicity! I have your project page opened before I try compass-twitter-bootstrap but, again, I'm not a ruby user so I don't have a clue about how to install it

Could you point me how to install it in a mountain lion (with gem) and compass installed?

I have problems to find my Gemfile to add this line:

gem 'semantic-sass-bootstrap', git: 'git://github.com/kristianmandrup/semantic-sass-bootstrap.git'

Thanks a lot!

PS: do you prefer I translate this question to the other project?

@kristianmandrup

Try using rails_apps_composer to create a Rails app, then insert the gemlggenerated generated Gemfile of your app and run $ bundle to install it. Also read the free online Rails tutorial. Good luck ;)

@Garito

Sorry Kristian but I won't to spend time in a technology only to use a suppossed agnostic one like sass and compass (even if it is as integrated to ruby as this one)

Question: can I copy the files in a concrete folder in order to use it?

@kristianmandrup

Yes, you can just copy the files over n case you don'w wanna use it with sprockets (asset pipeline).

@Garito

Yeah! I'm making some experiments!
But I don't catch something apparently

I have a normal compass project with the sass and the stylesheets folder
In the sass one I copy all the scss files you provide in order to avoid any path problem
Now I import the bootstrap scss file you provide (the one with all the rest imported)

Trying to compile it with compass watch raises this error:

error sass/semantic_bootstrap.scss (Line 52 of sass/_buttons.scss: Invalid CSS after " @if $size ": expected "{", was "= 'large' {")

Could you point me what's the problem?

Thanks a lot!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.