Kỷ Yếu Khoá 1 được điều hành bởi
Cựu SVSQ Khoá 1 Nhữ Đình Toán,
mọi thư từ liên lạc xin gửi về :
toan_nhu91@yahoo.com
TIN TỨC NỘI BỘ
Wednesday, February 11, 2026
Bootstrap Carousel
https://www.quackit.com/bootstrap/bootstrap_3/tutorial/bootstrap_carousel.cfm
Bootstrap 3 Carousel
Add scrolling images or text to your website with the Bootstrap carousel component.
The Bootstrap carousel component enables you to add scrolling images and text that slide in, pause, then slide out. Controls enable the user to scroll forwards or backwards within the set. Basically a scrolling marquee with user controls.
Explanation
To create a basic carousel, apply
.carousel and .slide to an outer container (with its own ID).For the scrollable contents, wrap all items in a
.carousel-inner and give each item an .item class.For the "indicator" controls (the little clickable circles at the bottom, center), add a list with
.carousel-indicators, as well as the applicable .data-target and .data-slide-to attributes.For the "Previous/Next" controls, use an
class="left carousel-control" for the "Previous" button, and class="right carousel-control" for the "Next" button.Also, you must apply
.active to one of the slides in the carousel, otherwise the carousel won't be visible. This class allows you to set one slide as the initial slide (i.e. the starting slide).I've also added my own styles to center the images horizontally in the carousel.
Captions
You can add captions to your slideshow by adding a
with the
with the
.carousel-caption class applied. This goes inside each .item.Bootstrap 3 vs Bootstrap 4
Bootstrap 3 uses
.item for each carousel item.Bootstrap 4 uses
.carousel-item for each carousel item.
How To Create a Horizontal Scrollable Menu
How To Create a Horizontal Scrollable Menu?
https://www.w3schools.com/howto/howto_css_menu_horizontal_scroll.asp
-Horizontal Scrollable Menu :
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
}
div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
}
div.scrollmenu a:hover {
background-color: #777;
}
</style>
</head>
<body>
<div class="scrollmenu">
<a href="#home">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
<a href="#support">Support</a>
<a href="#blog">Blog</a>
<a href="#tools">Tools</a>
<a href="#base">Base</a>
<a href="#custom">Custom</a>
<a href="#more">More</a>
<a href="#logo">Logo</a>
<a href="#friends">Friends</a>
<a href="#partners">Partners</a>
<a href="#people">People</a>
<a href="#work">Work</a>
</div>
<h2>Horizontal Scrollable Menu</h2>
<p>Resize the browser window to see the effect.</p>
</body>
</html>
He just said it!!!! 👇🏻👇🏻👇🏻👇🏻👇🏻😃😃😃😃😃👇🏻👇🏻👇🏻👇🏻👇🏻
— 💞Lulu B💞 (@luluburt14) January 18, 2021
Head of DC National Guard, Major General William Walker: "25,000 National Guardsmen have come in from all 50 states to help support the Secret Service and the police departments with a peaceful transition to military power.” 👀 pic.twitter.com/1ob5cDXeBX
Test
◙ | La Croix.com (French) | ◙ | San Jose | ◙ | Dallas Morning News |
| ◙ | Le Figaro (French) | ◙ | Paris | ◙ | SF Business |
| ◙ | Le Monde (French) | ◙ | Le Parisien (French) | ◙ | La Tribune (French) |
Subscribe to:
Posts (Atom)