I'm using Bootstrap 3.2 to create navbar and carousel, but when I decrease the width of the browser from mobile In the answer to I
, I tried the solution given, but the carousel is no more liable.
I was following the example on the bootstrap website, but there is no instance for the carousel. So I saw the code for the carousel from templates on their homepage. Do not hide it?
My code for the carousel:
& lt; Div id = "myCarousel" class = "carousel slide" data-ride = "carousel" & gt; & Lt ;! - Indicator - & gt; & Lt; Ol class = "carousel-indicator" & gt; & Lt; Li data-target = "# myCarousel" data-slide-to = "0" square = "active" & gt; & Lt; / Li & gt; & Lt; Li data-target = "# myCarousel" data-slide-to = "1" & gt; & Lt; / Li & gt; & Lt; Li data-target = "# myCarousel" data-slide-to = "2" & gt; & Lt; / Li & gt; & Lt; / Ol & gt; & Lt; Div class = "carousel-interior" & gt; & Lt; Div class = "item active" & gt; & Lt; Img src = "picture / carousel_large_01.jpg" alt = "first slide" & gt; & Lt; Div class = "container" & gt; & Lt; Div class = "carousel-caption" & gt; & Lt; H1 & gt; Example Title & Lt; / H1> & Lt; P & gt; Note: If you want this page to be & lt; Code & gt; Looking through the file: // & lt; / Code & gt; The URL, "Next" and "Previous" glyphicon buttons on the left and right can not be properly loaded / displayed due to web browser security rules. & Lt; / P & gt; & Lt; P & gt; & Lt; A class = "BTN BTN BTN-LG BTN-Primary" href = "#" roll = "Button" & gt; Sign up today & lt; / A & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "item" & gt; & Lt; Img src = "picture / carousel_large_02.jpg" alt = "second slide" & gt; & Lt; Div class = "container" & gt; & Lt; Div class = "carousel-caption" & gt; & Lt; H1 & gt; Another example is the title. & Lt; / H1> & Lt; P & gt; There is no part of the management on Cross Folio Audio, DAPIBS AC and Equity Committee E-Met Mets. Nulla ID id ID AITIT ITOTTP / LTPPADATPADTPADTO / P & gt; & Lt; P & gt; & Lt; A class = "BTN BTN BTN-LG BTN-Primary" href = "#" roll = "Button" & gt; Learn more & lt; / A & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "item" & gt; & Lt; Img src = "picture / carousel_large_03.jpg" alt = "third slide" & gt; & Lt; Div class = "container" & gt; & Lt; Div class = "carousel-caption" & gt; & Lt; H1 & gt; Another one for good measure & Lt; / H1> & Lt; P & gt; There is no part of the management on Cross Folio Audio, DAPIBS AC and Equity Committee E-Met Mets. Nullam ID ID ID enough to use as ID AIT. & Lt; / P & gt; & Lt; P & gt; & Lt; One class = "BTN BTN-LG BTN-Primary" href = "#" roll = "button" & gt; Browse the gallery & lt; / A & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; A class = "left the goose control" href = "# myCarousel" role = "button" data-slide = "previous" & gt; & Lt; Span class = "glyphicon glyphicon-chevron-left" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; A class = "right carousel-control" href = "# myCarousel" role = "button" data-slide = "next" & gt; & Lt; Span class = "glyphicon glyphine-chevron-right" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Div & gt;
If you remove the navbar-fixed-top class It looks like a carousel. If you want to use the navbar-fixed-top class, and also want to show below the carousel navbar, like some custom CSS, .someclass {margin-top: 20px;} Add or some bootstrap classes such as jambotron etc.
Adding the nabber-fixed top will correct / paste the navigator located at the top, this is the reason that the carousel will hide behind it.
You can also look for responsive sections
Comments
Post a Comment