test

Bootstrap tab panel example (using nav-pills)

Content’s background color is the same for the tab

Wednesday, February 21st, 2018 at 4:19pm
  • 23
  • 0
Thursday, February 22nd, 2018 at 7:48pm
  • 116
  • 0
Thursday, February 22nd, 2018 at 6:59pm
  • 19
  • 1
Thursday, February 22nd, 2018 at 6:51pm
  • 14
  • 5
Thursday, February 22nd, 2018 at 6:31pm
  • 33
  • 3
Thursday, February 22nd, 2018 at 6:00pm
  • 9
  • 0
Thursday, February 22nd, 2018 at 5:38pm
  • 4
  • 0
Thursday, February 22nd, 2018 at 4:50pm
  • 19
  • 0
Thursday, February 22nd, 2018 at 4:44pm
  • 167
  • 1
Thursday, February 22nd, 2018 at 4:42pm
  • 7
  • 0
Thursday, February 22nd, 2018 at 4:41pm
  • 25
  • 2
Thursday, February 22nd, 2018 at 3:28pm
  • 9
  • 0
Thursday, February 22nd, 2018 at 3:23pm
  • 28
  • 4
Thursday, February 22nd, 2018 at 1:04pm
  • 17
  • 0
Thursday, February 22nd, 2018 at 12:34pm
  • 79
  • 1
Thursday, February 22nd, 2018 at 12:16pm
  • 21
  • 15
Thursday, February 22nd, 2018 at 12:05pm
  • 53
  • 1
Thursday, February 22nd, 2018 at 11:47am
  • 164
  • 13
Thursday, February 22nd, 2018 at 11:34am
  • 40
  • 5
Thursday, February 22nd, 2018 at 11:12am
  • 143
  • 0
Load More

We use the class nav-pills instead of nav-tabs which automatically creates a background color for the tab

Thursday, February 22nd, 2018 at 8:30pm
  • 6
  • 1
Thursday, February 22nd, 2018 at 8:29pm
  • 10
  • 12
Thursday, February 22nd, 2018 at 8:26pm
  • 5
  • 1
Thursday, February 22nd, 2018 at 8:26pm
  • 2
  • 0
Thursday, February 22nd, 2018 at 8:20pm
  • 171
  • 7
Thursday, February 22nd, 2018 at 6:31pm
  • 4
  • 1
Thursday, February 22nd, 2018 at 8:07pm
  • 3
  • 0
Thursday, February 22nd, 2018 at 8:13pm
  • 42
  • 3
Thursday, February 22nd, 2018 at 8:09pm
  • 1
  • 0
Thursday, February 22nd, 2018 at 8:07pm
  • 61
  • 4
Thursday, February 22nd, 2018 at 8:06pm
  • 5
  • 0
Thursday, February 22nd, 2018 at 8:03pm
  • 18
  • 1
Monday, August 14th, 2017 at 8:22pm
  • 108
  • 3
Thursday, February 22nd, 2018 at 7:57pm
  • 343
  • 6
Thursday, February 22nd, 2018 at 7:48pm
  • 17
  • 3
Thursday, February 22nd, 2018 at 7:40pm
  • 3
  • 0
Thursday, February 22nd, 2018 at 7:33pm
  • 0
  • 0
Thursday, February 22nd, 2018 at 7:33pm
  • 5
  • 0
Thursday, February 22nd, 2018 at 7:33pm
  • 23
  • 0
Thursday, February 22nd, 2018 at 7:30pm
  • 23
  • 1
Load More

We applied clearfix to the tab-content to rid of the gap between the tab and the content

We use css to change the background color of the content to be equal to the tab

Thursday, February 22nd, 2018 at 8:30pm
  • 6
  • 1
Thursday, February 22nd, 2018 at 8:29pm
  • 10
  • 12
Thursday, February 22nd, 2018 at 8:26pm
  • 5
  • 1
Thursday, February 22nd, 2018 at 8:26pm
  • 2
  • 0
Thursday, February 22nd, 2018 at 8:20pm
  • 171
  • 7
Thursday, February 22nd, 2018 at 6:31pm
  • 4
  • 1
Thursday, February 22nd, 2018 at 8:07pm
  • 3
  • 0
Thursday, February 22nd, 2018 at 8:13pm
  • 42
  • 3
Thursday, February 22nd, 2018 at 8:09pm
  • 1
  • 0
Thursday, February 22nd, 2018 at 8:07pm
  • 61
  • 4
Thursday, February 22nd, 2018 at 8:06pm
  • 5
  • 0
Thursday, February 22nd, 2018 at 8:03pm
  • 18
  • 1
Monday, August 14th, 2017 at 8:22pm
  • 108
  • 3
Thursday, February 22nd, 2018 at 7:57pm
  • 343
  • 6
Thursday, February 22nd, 2018 at 7:48pm
  • 17
  • 3
Thursday, February 22nd, 2018 at 7:40pm
  • 3
  • 0
Thursday, February 22nd, 2018 at 7:33pm
  • 0
  • 0
Thursday, February 22nd, 2018 at 7:33pm
  • 5
  • 0
Thursday, February 22nd, 2018 at 7:33pm
  • 23
  • 0
Thursday, February 22nd, 2018 at 7:30pm
  • 23
  • 1
Load More