Hi Ali. I love bootstrap for the column classes (ie col-lg-5, col-xs-3). But your issue is the very reason is why I choose to modify them and create my own hybrids. The problem you experience is in the "padding" css definition. I modify the classes in my CSS to specifically remove the padding-left and padding-right, setting them from 15px to 0 (no px after it). Sometimes I just add a class called "noPadding" which is, of course padding-left: 0; padding-right:0;
Please try the following: Using Chrome right click on your navbar and choose "Inspect". Then poke around at the different elements and take a look at what CSS is being applied. Then create your own navbar classes removing your frustrations. On Sunday, July 10, 2016 at 4:51:55 AM UTC-7, Ali Safdari wrote: > > I am trying to get a full width navbar in angular 2 using bootstrap. The > code I use: > > <nav class="navbar navbar-default"> > <div class="container-fluid"> > <a class="navbar-brand"> > <img alt="Brand" src=""> > </a> > </div> > </nav> > > > > output: > > https://postimg.org/image/9a7armdy9/ > > > Why does it behave like this, and how can I get it to full width in > angular 2? > > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to angular+unsubscr...@googlegroups.com. To post to this group, send email to angular@googlegroups.com. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
