bootstrap responsive grid ist code example

Example 1: bootstrap breakpoints

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

Example 2: bootstrap content fluid 2 column

<head>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
</head>
<body>
<section id="contact">
<div class="container-fluid">

    <div class="row">
     <div class="col-xs-6"> map </div>
     <div class="col-xs-6"> contact form </div>
    </div>

</div>
</section>
</body>

Tags:

Shell Example

Related