Hướng dẫn using bootstrap and css together - sử dụng bootstrap và css cùng nhau

Tôi biết CSS cơ bản, nhưng tôi không có kinh nghiệm. Tôi muốn sử dụng tệp CSS của Bootstrap, nhưng tôi cũng muốn thêm mã kiểu của riêng mình. Tôi nên làm gì cho điều đó? Tôi có nên thêm kiểu bootstrap trước và sau đó của tôi không? Đó có phải là cách tốt nhất?

Siguza

19.1k6 Huy hiệu vàng50 Huy hiệu bạc78 Huy hiệu Đồng6 gold badges50 silver badges78 bronze badges

Đã hỏi ngày 29 tháng 10 năm 2014 lúc 20:40Oct 29, 2014 at 20:40

3

Bạn sẽ có thứ tự các kiểu dáng như thế này, trước tiên bạn sẽ bao gồm Bootstrap CSS, sau đó là tệp biểu định kiểu của bạn. Tại sao vậy? Bởi vì theo cách đó, bạn có thể ghi đè lên các lớp từ khung mà không cần sử dụng! Quan trọng. Bạn có thể viết các lớp học của riêng mình và đưa chúng vào bố cục của bạn, bạn có thể sử dụng các lớp bootstrap và điều chỉnh chúng khi bạn cần. Khi bạn trộn các lớp học và các lớp bootstrap, kiểm tra những thuộc tính nào được thêm vào các lớp của chúng, bạn có cần chúng hay không, v.v.

Thí dụ

  


Danger

Đã trả lời ngày 29 tháng 10 năm 2014 lúc 20:56Oct 29, 2014 at 20:56

Bojan Petkovskibojan PetkovskiBojan Petkovski

6.7871 Huy hiệu vàng23 Huy hiệu bạc34 Huy hiệu đồng1 gold badge23 silver badges34 bronze badges

Bạn có thể sử dụng Bootstrap với CSS của mình, chỉ cần thực hiện điều đó (trong thẻ đầu của bạn):

Bạn thậm chí có thể ghi đè một số chỉ thị, chỉ cần đặt chúng vào tệp của bạn (nhưng không phải là một thực tiễn tốt nhất).

Hãy nhớ rằng, luôn luôn đặt liên kết đến Bootstrap trước liên kết đến tệp CSS của bạn.

Xin lỗi vì tiếng Anh của tôi

Đã trả lời ngày 29 tháng 10 năm 2014 lúc 20:48Oct 29, 2014 at 20:48

Đó là tất cả về tính đặc hiệu của CSS.

Nếu hai thuộc tính có cùng trọng lượng, thuộc tính sau được sử dụng.

Bạn có thể ghi đè các thuộc tính CSS đơn bằng cách khai báo thuộc tính !important.

Example;

body {
  background-color: #000 !important;
}

Đó là một cách dễ dàng để vượt qua trọng lượng chọn (hoặc tính đặc hiệu) của CSS nếu bạn nhận thấy rằng các kiểu bootstrap ghi đè lên bạn (hữu ích cho một người mới chỉ thử nội dung).

Nhưng bạn nên đọc thêm về tính đặc hiệu thay thế-http://www.smashingmagazine.com/2007/07/27/css-specifificity-things-you-should-know/.

Đã trả lời ngày 29 tháng 10 năm 2014 lúc 20:50Oct 29, 2014 at 20:50

dojsdojsdojs

4972 Huy hiệu bạc11 Huy hiệu đồng2 silver badges11 bronze badges

1

Nó sẽ trông giống như thế này:

Bạn có thể đặt bao nhiêu liên kết CSS như bạn cần. Tôi thấy thường tốt nhất là đặt các tệp CSS Framework lên trên của riêng bạn.

Đã trả lời ngày 29 tháng 10 năm 2014 lúc 20:47Oct 29, 2014 at 20:47

Phantomphantomphantom

1.4377 huy hiệu bạc15 huy hiệu đồng7 silver badges15 bronze badges

Bạn nên thêm Bootstrap CSS trước và sau đó là người dùng của riêng bạn, nhưng nó sẽ rất khó khăn vì CSS của Bootstrap. Hãy chắc chắn rằng bạn luôn luôn kiểm tra những gì các lớp bootstrap làm.

Đã trả lời ngày 29 tháng 10 năm 2014 lúc 20:41Oct 29, 2014 at 20:41

Florin popflorin popFlorin Pop

5.0473 Huy hiệu vàng24 Huy hiệu bạc57 Huy hiệu đồng3 gold badges24 silver badges57 bronze badges

2

Bạn có thể trộn CSS và bootstrap với nhau không?

Tôi có nên sử dụng CSS của riêng mình với bootstrap không?

Bootstrap có ghi đè CSS không?