Hello Landing

A sign-up page example for Bootstrap 3

Hello.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.

Hello.

!DOCTYPE html Front Page

Bootstrap 3 Carousel Layout

Learn More

Changes to the Grid

Bootstrap 3 still features a 12-column grid, but many of the CSS class names have completely changed.

Learn more

Percentage-based sizing

With "mobile-first" there is now only one percentage-based grid.

Browse gallery

Mobile-first

Tablets, phones, laptops. The new 3 promises to be mobile friendly from the start.

View details »

One Fluid Grid

There is now just one percentage-based grid for Bootstrap 3. Customize for fixed widths.

View details »

LESS is More

Improved support for mixins make the new Bootstrap 3 easier to customize.

View details »

Responsive Design. It'll blow your mind.

In simple terms, a responsive web design figures out what resolution of device it's being served on. Flexible grids then size correctly to fit the screen.

Smaller Footprint. Lightweight.

The new Bootstrap 3 promises to be a smaller build. The separate Bootstrap base and responsive.css files have now been merged into one. There is no more fixed grid, only fluid.

And lastly, this one. Flatness.

A big design trend for 2013 is "flat" design. Gone are the days of excessive gradients and shadows. Designers are producing cleaner flat designs, and Bootstrap 3 takes advantage of this minimalist trend.

Learn Basic

Learn Basic

Hello Landing

Hello.

Hello.

Hello.

Bootstrap 3 Carousel Layout

Changes to the Grid

Percentage-based sizing

Mobile-first

One Fluid Grid

LESS is More

Responsive Design. It'll blow your mind.

Smaller Footprint. Lightweight.

And lastly, this one. Flatness.

Mengenai Saya

Arsip Blog