Hỏi đáp
Chia sẻ kiến thức, cùng nhau phát triển
Sửa giao diện bootstrap có sẵn
07:48 08-01-2018
1.498 lượt xem
3 bình luận
10:43 08-01-2018
Mọi ng ơi e có thắc mắc là: khi e có 1 giao diện trên mạng ngta sử dụng bootstrap nhưng lại mod lại hết các class r. e k thấy cái class nào là .col-md-3 nữa và khi xài cũng k thấy đk. (lên giao diện sai.) nta dùng các class theo tên của họ thôi. vd:
<div class="pricing-table ">
<div class="pricing-table-header">
<div class="upper-header">
<h4><%= DT[i].name %></h4>
</div>
</div>
<div class="pricing-table-content">
<div class="table-row odd"><a href="/redirect?Id=6U%2fmjnomkcLNhYuCvRy2A3PQT1xHHgOD6ueXT8kPKYSmf2pHjvwFwSKwGo6ivb5kabPeLFoWMwp3e28tBtR2mHlfZcW%2fcX5Q06jXssa7%2fH4%3d"
</div>
Giờ e muốn chỉnh sửa lại giao diện này thì làm thế nào cho dễ nhỉ? E mới biết xài chút bootrap thôi ạ.
Bạn thử xem file head của mình này:
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="" name="description" />
<meta content="" name="author" />
<link rel="shortcut icon" href="/static/client/theme/images/favicon.png" type="image/x-icon">
<title>Homepage</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="/static/client/theme/vendors/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="/static/client/theme/vendors/bootstrap/css/bootstrap-responsive.css" />
<!-- Font Awesome CSS-->
<link rel="stylesheet" type="text/css" href="/static/client/theme/vendors/font-awesome/css/font-awesome.css" />
<!-- Linecons CSS-->
<link rel="stylesheet" type="text/css" href="/static/client/theme/vendors/linecons/style.css" />
<!-- Revolution Slider CSS -->
<link rel="stylesheet" type="text/css" href="/static/client/theme/vendors/revolution-slider/css/settings.css" media="screen" />
<!-- Quote Rotator CSS-->
<link rel="stylesheet" href="/static/client/theme/vendors/quote-rotator/css/quoterotator.css">
<link rel="stylesheet" href="/static/client/theme/vendors/quote-rotator/css/animate.css">
<!-- Magnific Popup Plugin CSS-->
<link rel="stylesheet" type="text/css" href="/static/client/theme/vendors/magnific-popup/magnific-popup.css" media="screen" />
<!-- Animations Libraries -->
<link rel="stylesheet" type="text/css" href="/static/client/theme/vendors/animations/animate.css" />
<!-- Theme CSS -->
<link rel="stylesheet" type="text/css" href="/static/client/theme/styles/main.css" />
<link rel="stylesheet" type="text/css" href="/static/client/theme/styles/elements.css" />
<link rel="stylesheet" type="text/css" href="/static/client/theme/styles/custom.css" />
<link rel="stylesheet" type="text/css" href="/static/client/theme/styles/theme-responsive.css" />
<!-- Options Panel CSS -->
<link rel="stylesheet" type="text/css" href="/static/client/theme/styles/_sample.css" />
<link rel="stylesheet" href="/static/client/css/page-pricing-tables/danh_sach_he_dao_tao.css">
Mình đang custom bằng cách chèn lại các thuộc tính của các class có sẵn.
và mình thấy k xài đk các class của bootstrap ý.
Giờ bạn muốn Custome lại giao diện trên thì bạn tạo thêm các Class rồi thêm vào thẻ mà bạn muốn chỉnh sửa thôi.
Cái này nó đâu sử dụng Bootstrap đâu bạn. Nếu sử dụng Bootstrap mà nó muốn Custome lại thì chỉ thêm Class vào Div thôi chứ đâu phải như code trên.