Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion Framework Basics Prototyping with Bootstrap Working with Nested Grids and Responsive Images

Posted by aviskase
aviskase
6,715 Points

Btn-group in xs devices

As it was described in the video, the second button is hidden for xs devices. But because of btn-group usage, the remaining button doesn't look nice. It has different style for right and left side. How can be btn-group style opted out in smaller devices? From the scratch I only see such solution: use one button, visible only for xs devices, and btn-group of two buttons hidden for xs devices. For example:

<p class="btn-group hidden-xs">
  <a class="btn btn-success btn-lg" href="#">Download the app</a>
  <a class="btn btn-default btn-lg" href="#">Text me the link</a>
</p> 
<p class="visible-xs">
  <a class="btn btn-success btn-lg" href="#">Download the app</a>
</p>