Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html lang="en"> <head> <title>Ví dụ về Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width , init-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <SCRIPT_PLACEHOLDER_9/> <SCRIPT_PLACEHOLDER_10/ > <STYLE_PLACEHOLDER_2/> </head> <body> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span > <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Biểu tượng</a> </div> <div class="collapse thanh điều hướng -collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Trang chủ</a></li> <li><a href="#">Giới thiệu</a></li> <li><a href="#">Dự án</a></li> <li><a href="#">Liên hệ</a ></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-log-in"></span > Đăng nhập</a></li> </ul> </div> </div> </nav> <div class="container"> <div class="row"> <div class="col-sm -8"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Chỉ báo --> <ol class="carousel-indicators"> <li data-target=" #myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> </ol> <!-- Trình bao bọc cho các slide --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="https://placehold.it/800x400?text =IMAGE" alt="Image"> <div class="carousel-caption"> <h3>Bán $</h3> <p>Tiền tiền.</p> </div> </div> <div class= "item"> <img src="https://placehold.it/800x400?text=Một hình ảnh khác có thể" alt="Image"> <div class="carousel-caption"> <h3>Thêm Bán $</h3 > <p>Lorem ipsum...</p> </div> </div> </div> <!-- Điều khiển trái và phải --> <a class="left carousel-control" href="# myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Trước </span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria -hidden="true"></span> <span class="sr-only">Tiếp theo</span> </a> </div> </div> <div class="col-sm-4"> <div class="well"> <p>Một số văn bản..</p> </div> <div class="well"> <p>Sự kiện sắp tới..</p> </div> <div class= "tốt"> <p>Truy cập Blog của chúng tôi</p> </div> </div> </div> <hr> </div> <div class="container text-center"> <h3>Những gì chúng tôi làm </h3> <br> <div class="row"> <div class="col-sm-3"> <img src="https://placehold.it/150x80?text=IMAGE" class="img - responsive" style="width:100%" alt="Image"> <p>Dự án hiện tại</p> </div> <div class="col-sm-3"> <img src="https:/ /placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> <p>Dự án 2</p> </div> <div class=" col-sm-3"> <div class="well"> <p>Một số văn bản..</p> </div> <div class="well"> <p>Một số văn bản..</p> < /div> </div> <div class="col-sm-3"> <div class="well"> <p>Một số văn bản..</p> </div> <div class="well"> <p>Một số văn bản..</p> </div> </div> </div> <hr> </div> <div class="container text-center"> <h3>Đối tác của chúng tôi</h3> <br> <div class="row"> <div class="col-sm-2"> <img src="https://placehold.it/150x80?text=IMAGE" class="img-Responsive" kiểu ="width:100%" alt="Image"> <p>Đối tác 1</p> </div> <div class="col-sm-2"> <img src="https://placehold.it /150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> <p>Đối tác 2</p> </div> <div class="col-sm- 2"> <img src="https://placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> <p>Đối tác 3</ p> </div> <div class="col-sm-2"> <img src="https://placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100 %" alt="Image"> <p>Đối tác 4</p> </div> <div class="col-sm-2"> <img src="https://placehold.it/150x80?text= IMAGE" class="img-Response" style="width:100%" alt="Image"> <p>Đối tác 5</p> </div> <div class="col-sm-2"> <img src="https://placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> <p>Đối tác 6</p> </div > </div> </div><br> <footer class="container-fluid text-center"> <p>Văn bản chân trang</p> </footer> </body> </html>