Currently Bootstrap 3.3.7 support .container
and container-fluid
classes.
We have extended the support to suit the page needs.
As per jasny suggestions, we have added .container-smooth
a container to use the
same max-width
for all view-port sizes. This means that the container size won't
jump at media query breakpoints.
.container-smooth {
max-width: 1170px;
}
@media (min-width: 1px) {
.container-smooth {
width: auto;
}
}
.container-table
provides a better option to to vertical-align:
middle
for col-*
.vertical-middle text-center
and define
height to make in align it in middle.
Some content
Some content
Some content
Some content
Some content
.container-table
can only manage 12 columns in a .row
.
further rows are required to adjust additional columns
Another use of container is to generate full height and width container with text in center. The table functions just like fullpage.js with minimal amount of CSS.
Please Click here to view the Demo
Flex container helps to make columns to even heights. Below is an examples for the implementation on panels, wells and thumbnails
Currenlty, Login containers exists in 2 types: standard center-align login box and 2 column login box. See the below examples to understand the layout
Designed this css after observing more than 1000 website login methods.
Login in. To see it in action.
framework based on Bootstrap 3 © 2016
Two column login container is commonly used to support feature like Social Login options. Login
system have been essential in web development. Hence, Login-container of 300px
and 800px
are commonly used by several websites.
Perfectly designed and precisely prepared admin theme with over 50 pages with extra new web app views.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
When an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Framework based on Bootstrap 3 © 2016