[Hỏi] Về bootstrap và thẻ <img>

Thảo luận trong 'Thiết kế & lập trình Web KD 1' bắt đầu bởi thái Xuân Duy, 11 Tháng mười 2015.

  1. 1: Mình mới tập tành về boostraps, mình đang định custom nó lại bằng cách chèn thêm file css của mình vào nhưng ko hiểu nó lại ko chạy dc. Theo mình biết thì boostrap theo kiểu SASS và LESS, không biết viết kiểu thường nó có nhận không.
    2: mình định bỏ hình bằng thẻ <img> vào hình sẽ tự động điều chỉnh để phù hợp vs kích thước thẻ <img> chứ ko phải kích thước thẻ <img> sẽ biến đổi theo kích thước. Kiểu kiểu giống bootraps vậy nó viết theo khung <thumbnail><img/><thumbnail> nhưng mình đọc css của nó thì lại ko hiểu lắm.
  2. sogold New Member

  3. trên mạng nó có chỉ cách chèn file css của mình rồi mà mình ko làm dc.
  4. thanhpc Giảng viên

    Để lâu không thấy ai tìm hiểu vấn đề này nên thầy trả lời luôn ở đây:

    CSS ngoài thứ tự ưu tiên theo cách sử dụng (inline, internal, external) và thứ tự khai báo (ở dưới đè ở trên) thì còn ưu tiên theo mức độ chi tiết của selector:
    1. #id > .class > tag
    2. parent > child ưu tiên hơn child
    Ví dụ
    .class1 > .class2 sẽ ưu tiên hơn .class2

    Trong bootstrap thì thường dùng kiểu khai báo parent > child. Do đó file css của em khi đè bootstrap thì nên copy chính xác dòng selector của nó (xem bằng Inspect element trong Chrome) để chỉnh.

    Về thẻ img
    - Hình theo kích thước thẻ
    img {width: 100px} --> hình thu gọn lại, hiển thị đúng 100px, dù kích thước thật của hình là 500px
    - Hình thumbnail của bootstrap thường đi kèm với chữ trong 1 khung div.thumbnail nên để cho đẹp, hình thường để kích thước theo nội dung để cho khi khung này lớn hơn hay nhỏ lại thì hình cũng full width. Nếu đặt kích thước vào thẻ img thì có khi hình không full (chừa lại khoảng trắng) hoặc vượt quá khung, nhìn không đẹp.
  5. Dạ. Cảm ơn thầy. em nghĩ cũng gần zậy có điều ví dụ thẻ parent là thẻ <div> có khi nó cho cùng lúc 3,4 class, em không biết class tại class nào ảnh hưởng, cấu trúc của nó tại rất nhiều class, tên cũng gần giống nhau, ví dụ chỉ sửa màu chữ color nhưng lại dò khá lâu, rất tốn thời gian.
  6. thanhpc Giảng viên

    Em chịu khó dò trong Inspect element thì sẽ thấy style của nó được định nghĩa ở những chỗ nào, còn những chỗ bị đè thì nó gạch ngang, từ đó rút ra selector nào làm ảnh hường rồi viết lại rule theo ý mình
  7. tuanld0611 New Member

    1.trong Gettingstarted Bootstrap nó có cung cấp cho Less hay Sass thì nó chỉ là HỖ TRỢ cho 2 cách viết này thôi. Chứ ngôn ngữ chính vẫn là CSS và mọi browser chỉ hiểu đc CSS, SASS hay LESS nó k hiểu đâu, phải có tool như Koala để biên dịch. Còn cái vụ k chạy thì chắc chỉ do selector k đúng thôi chứ việc ghi đè css lên trc giờ vẫn chưa thấy ai báo lỗi. Nếu chính xác selector mà vẫn không chạy thì xem thử css của bootstrap ngay selector tương ứng có chứ !important k. nếu có thì phải xóa nó đi mới ghi đè đc.
  8. vndangcap01 New Member

    Bạn lên w3schools.com nhé, mình toàn học php với bootstrap trên đó
  9. Mình cũng hay lên để tham khảo nhưng mà có lúc bị lỗi thì hỏi mn sẽ dễ hơn, vs lại để các bạn khác bị như mình thì tham khảo luôn.
    Cho em góp ý nhé thầy, diễn đàn viết thêm chức năng tag tên thành viên e thấy sẽ hiệu quả hơn ạ.

Chia sẻ trang này