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_8/> <SCRIPT_PLACEHOLDER_9/ > <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="#">Danh mục đầu tư</a> </div> <div class="thu gọn 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="#">Thư việ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="jumbotron"> <div class="container text-center"> <h1>Danh mục đầu tư của tôi </h1> <p>Một số văn bản đại diện cho "Tôi"...</p> </div> </div> <div class="container-fluid bg-3 text-center"> <h3>Một số văn bản Công việc của tôi</h3><br> <div class="row"> <div class="col-sm-3"> <p>Một số văn bản..</p> <img src="https://placehold .it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> </div> <div class="col-sm-3"> <p>Một số văn bản..</p> <img src="https://placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> </div > <div class="col-sm-3"> <p>Một số văn bản..</p> <img src="https://placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> </div> <div class="col-sm-3"> <p>Một số văn bản..</p> <img src="https:// placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> </div> </div> </div><br> <div class= "container-fluid bg-3 text-center"> <div class="row"> <div class="col-sm-3"> <p>Một số văn bản..</p> <img src="https: //placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> </div> <div class="col-sm-3"> < p>Một số văn bản..</p> <img src="https://placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> </div> <div class="col-sm-3"> <p>Một số văn bản..</p> <img src="https://placehold.it/150x80?text=IMAGE" class="img - responsive" style="width:100%" alt="Image"> </div> <div class="col-sm-3"> <p>Một số văn bản..</p> <img src="https ://placehold.it/150x80?text=IMAGE" class="img-Response" style="width:100%" alt="Image"> </div> </div> </div><br>< br> <footer class="container-fluid text-center"> <p>Văn bản chân trang</p> </footer> </body> </html>