Answers for "row-fluid bootstrap"

7

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) { ... }
Posted by: Guest on July-30-2020
9

bootstrap screen sizes

The Bootstrap grid system has four classes:
xs (for phones - screens less than 768px wide)
sm (for tablets - screens equal to or greater than 768px wide)
md (for small laptops - screens equal to or greater than 992px wide)
lg (for laptops and desktops - screens equal to or greater than 1200px wide)
Posted by: Guest on April-21-2020
0

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>
Posted by: Guest on November-06-2020

Browse Popular Code Answers by Language