Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

bootstrap border on md and above?

Is there anyway in bootstrap or CSS to make it so my columns only have a border when on a medium device or above?

Or even have a different border for small devices compared to medium and above?

For example if I have:

<div class="container"> 
  <div class="row">
    <div class="col-md-12">
       stuff
    </div>
  </div>
 </div>

How can I tell the column of class col-md-12 to have a different border on smaller devices than on larger devices?

like image 833
Deekor Avatar asked May 14 '14 04:05

Deekor


People also ask

Which Bootstrap 4 class can be used to make a borderless table?

Add .table-borderless for a table without borders.

How will you remove the border from the top of a div using Bootstrap class?

Use the border-top-0 class to remove the top border from an element.


1 Answers

write you css in media queries according to your requirement.

 /* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
like image 80
Bir Avatar answered Oct 11 '22 19:10

Bir