betul

Bootstrap Mega menu with CSS

I was building a very simple Mega menu style nav for my client. It was designed for a fixed-width page but I think it's possible to make it responsive by replacing menu columns with fluid and span#.

A Pen by Alex on CodePen.

License.

betul

Responsive Gallery with Bootstrap

A Pen by Mathieu Richard on CodePen.

License.

betul

SASSY Responsive jQuery Hide/Show Menu

A simple responsive hide/show responsive menu built with jQuery/SASS/Compass/Bootstrap

A Pen by betul on CodePen.

License.

betul

Flat Blog layout in CSS3

A flat blog layout css3 with a view switch lines / blocs.

A Pen by betul on CodePen.

License.

betul

Bootstrap 3

Just trying out the new bootstrap 3 RC and applying some custom work to test it out.

A Pen by betul on CodePen.

License.

betul

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h1><strong>Bootstrap - Microsoft Metro Tiles</strong></h1>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <div class="tile purple">
        <h3 class="title">Purple Tile</h3>

betul

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h1><strong>Bootstrap - Microsoft Metro Tiles</strong></h1>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <div class="tile purple">
        <h3 class="title">Purple Tile</h3>

betul

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h1><strong>Bootstrap - Microsoft Metro Tiles</strong></h1>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <div class="tile purple">
        <h3 class="title">Purple Tile</h3>

betul

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h1><strong>Bootstrap - Microsoft Metro Tiles</strong></h1>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <div class="tile purple">
        <h3 class="title">Purple Tile</h3>

betul

$color_purple: #5133AB;
$color_red: #AC193D;
$color_orange: #DC572E;
$color_green: #00A600;
$color_blue: #2672EC;

// colors from http://www.creepyed.com/2012/09/windows-8-colors-hex-code/

$base_font_size: 14px;
$base_line_height: 1.5em;