Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
21
rated 0 times [  22] [ 1]  / answers: 1 / hits: 15343  / 8 Years ago, wed, october 5, 2016, 12:00:00

Today, I have a problem with bootstrap.



Like this image.





I want to remove horizontal scroll in grid bootstrap.



I think a problem is: I tried to add a slide image with new div.container > div.row contain a child div.container > div.row and I think this problem..



My code like this:



<div class=container>
<div class=row>
<div class=container>
<div class=row></div> <!-- /.row contain image slider-->
</div> <!-- /.container contain image slider -->
</div> <!-- /.row contain content of page-->
</div> <!-- /.container contain content of page-->


But I don't know how to fix this.



You can see my pen at here:



http://codepen.io/r0ysy0301/pen/zKoPAE


More From » html

 Answers
33

You can't insert a container INSIDE a container without changing its width. The container itself has min-width. Reference: http://getbootstrap.com/css/#grid-options



If you badly want to use a container, then use container-fluid.



Reference: http://getbootstrap.com/css/#grid-example-fluid



This is the edited html codes. Hope it helps.



http://www.bootply.com/IsEptxFAGG


[#60502] Sunday, October 2, 2016, 8 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
ariel

Total Points: 523
Total Questions: 111
Total Answers: 100

Location: Anguilla
Member since Sun, Jan 29, 2023
1 Year ago
;