angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
http://angular-ui.github.io/bootstrap/
MIT License
14.29k stars 6.73k forks source link

Issue using class col-xs-12 with Accordion example #6448

Closed fgfernandez0321 closed 7 years ago

fgfernandez0321 commented 7 years ago

The issues forum is NOT for support requests. It is for bugs and feature requests only. Please read https://github.com/angular-ui/bootstrap/blob/master/CONTRIBUTING.md and search existing issues (both open and closed) prior to opening any new issue and ensure you follow the instructions therein.

Bug description:

Using the class col-xs-12 I found this issue:

div

Link to minimally-working plunker that reproduces the issue:

issue-with-bootstrap-class.zip

Steps to reproduce the issue:

Put before accordion directive a div with class col-xs-12

Version of Angular, UIBS, and Bootstrap:

Angular: 1.5.0

UIBS: 1.2.4

Bootstrap: 3.3.6

fgfernandez0321 commented 7 years ago

My mistake, I forgot to put a parent div with class row. https://embed.plnkr.co/E3l5IffRpNwoSlprZlUT/

According to Bootstrap documentation: Content should be placed within columns, and only columns may be immediate children of rows.