Transform Columns into rows with bootstrap

1

I have a table in HTML using Bootstrap :

WiththecodeinCSSbelow,Icanautomaticallyhidethelast3columnswhenthepageisresizedtoaresolutionof600(width):

<style>@mediascreenand(max-width:600px){tableth:nth-child(3),tableth:nth-child(4),tableth:nth-child(5){display:none;}tabletd:nth-child(3),tabletd:nth-child(4),tabletd:nth-child(5){display:none;}}</style>

Lookinglikethis:

ButIwouldlikeittolooklikethis:

Andwhenyoujustclickedon+,itwouldlooklikethis:

Do you have to do with bootstrap or javascript?

    
asked by anonymous 18.07.2017 / 16:25

1 answer

1

This type of behavior I believe is best to use javascript or AngularJS. With Angular you can create this type of behavior and reuse faster.

    
19.07.2017 / 01:50