Geek Answers Handbook

CSS frameworks that don't need non-semantic elements

I used several CSS frameworks like Bootstrap to quickly create sites that look beautiful. Unfortunately, they all required me to add extra markup to my HTML in order to make it work.

Are there CSS frameworks that follow a different philosophy than just adding all the extra classes and elements to my markup?

+4
source share
2 answers

In fact, you can use Bootstrap with a CSS pre-processor like Less or Sass to preserve clean, markup HTML markup.

, . mixins, ( Sass):

$main-color: rgba(21, 34, 64);

@mixin button {
    border: 1px solid black;
    padding: 5px;
}
html {
    background-color: $main-color;
}

nav {
    a {
        @include button;
    }
}

CSS - :

html {
    background-color: rgba(21, 34, 64);
}

nav a {
    border: 1px solid black;
    padding: 5px;
}

, Bootstrap Foundation ( ), Less Sass, framework , HTML.

+2

. "" !

.

<nav class="ui menu">
  <h3 class="header item">Title</h3>
  <a class="active item">Home</a>
  <a class="item">Link</a>
  <a class="item">Link</a>
  <span class="right floated text item">
    Signed in as <a href="#">user</a>
  </span>
</nav>
+1

More articles:


All Articles