W3.CSS Or Bootstrap

Hi...
What Is The Difference Between W3.CSS And Bootstrap?
which one is better?
Thanks...

 

"better" is a relative term. That's like complaining that one person is covered in less feces, instead of addressing the problem that everybody is covered in feces.

See my article here:
http://www.cutcodedown.com/article/HTML_CSS_and_JS_frameworks

Both are bloated train wrecks -- bootcrap just more so. Even with w3.css being lighter, it's still lipstick on a pig.... by itself being larger before you even write your own styles than most sites should have for the complete style. Of course like all the rubbish and broken practices from W3Schools, the ignorance shown my the creators of w3.css is evident in their samples.

Either way they are laundry lists of how NOT to build websites by the very fact that they rely upon presentational classes... saying what things look like in the markup instead of what they ARE.

Simply put if you don't know what's wrong with this:

<!-- Navbar -->
<div class="w3-top">
 <ul class="w3-navbar w3-theme-d2 w3-left-align w3-large">
  <li class="w3-hide-medium w3-hide-large w3-opennav w3-right">
    <a class="w3-hover-white w3-large w3-theme-d2" href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
  </li>

Code (markup):

or this:

      <div class="row">
        <div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
        <div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div>
      </div>

Code (markup):

You likely have ZERO blasted business making websites in the first place. COMPLETELY missing the entire reason CSS is separate from HTML, and even what HTML is FOR! If you see ANY benefits to using ANY of these idiotic halfwit mouth-breathing dumbass "frameworks" you need to go back and learn how to use HTML and CSS properly, much less concepts like semantics, separation of presentation from content, and graceful degradation.

I mean if you know even the first damned thing about CSS, this should make your projectile vomit in disgust:

.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}

Code (markup):

HERPA-FREAKING-DERP!

Just look at the source HTML for the examples of either -- they are SO ignorant of what HTML is for or even how to use it, NEITHER has any Joe-blasted business telling other people how to write websites!!!

 

Just made an account to say: Thank you, deathshadow!
Found someone who preaches the same mentality in writing code - now I have something to point other developers to.