search

Tôi có thể sử dụng bootstrap và css cùng một lúc không?

Ngày đăng: 19/12/2022
Trả lời: 0
Lượt xem: 31

Các plugin có thể được bao gồm riêng lẻ (sử dụng 



  Launch demo modal





    

      

        Modal title
        
      
  Show
  

      

        ...
      

      

        Close
        Save changes
30 riêng lẻ của Bootstrap) hoặc tất cả cùng một lúc bằng cách sử dụng 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
31 hoặc 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
32 được rút gọn (không bao gồm cả hai)

Nếu bạn sử dụng một gói (Webpack, Rollup…), bạn có thể sử dụng các tệp 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
33 đã sẵn sàng cho UMD

Sử dụng Bootstrap làm mô-đun

Chúng tôi cung cấp phiên bản Bootstrap được xây dựng dưới dạng 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
34 (


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
35 và 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
36) cho phép bạn sử dụng Bootstrap làm mô-đun trong trình duyệt của mình, nếu các trình duyệt được nhắm mục tiêu của bạn hỗ trợ nó

plugin không tương thích

Do giới hạn của trình duyệt, một số plugin của chúng tôi, cụ thể là plugin Dropdown, Tooltip và Popover, không thể được sử dụng trong 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
37

Trước khi bắt đầu với thành phần phương thức của Bootstrap, hãy nhớ đọc phần sau vì các tùy chọn menu của chúng tôi đã thay đổi gần đây

  • Các phương thức được xây dựng bằng HTML, CSS và JavaScript. Chúng được định vị trên mọi thứ khác trong tài liệu và xóa cuộn khỏi để thay vào đó, nội dung phương thức sẽ cuộn
  • Nhấp vào "phông nền" của phương thức sẽ tự động đóng phương thức
  • Bootstrap chỉ hỗ trợ một cửa sổ phương thức tại một thời điểm. Các phương thức lồng nhau không được hỗ trợ vì chúng tôi tin rằng chúng mang lại trải nghiệm người dùng kém
  • Các phương thức sử dụng 
    

  Launch demo modal




    
    
    
      
    
        Modal title
        
      
    
      
    
        ...
      
    
      
    
        Close
        Save changes
    4, đôi khi có thể hơi cụ thể về cách hiển thị của nó. Bất cứ khi nào có thể, hãy đặt HTML phương thức của bạn ở vị trí cấp cao nhất để tránh khả năng can thiệp từ các phần tử khác. Bạn có thể gặp sự cố khi lồng một 
    

  Launch demo modal




    
    
    
      
    
        Modal title
        
      
    
      
    
        ...
      
    
      
    
        Close
        Save changes
    5 trong một phần tử cố định khác
  • Một lần nữa, do 
    

  Launch demo modal




    
    
    
      
    
        Modal title
        
      
    
      
    
        ...
      
    
      
    
        Close
        Save changes
    4, có một số lưu ý khi sử dụng phương thức trên thiết bị di động. Xem tài liệu hỗ trợ trình duyệt của chúng tôi để biết chi tiết
  • Do cách HTML5 xác định ngữ nghĩa của nó, thuộc tính HTML 
    

  Launch demo modal




    
    
    
      
    
        Modal title
        
      
    
      
    
        ...
      
    
      
    
        Close
        Save changes
    7 không có tác dụng trong các phương thức Bootstrap. Để đạt được hiệu quả tương tự, hãy sử dụng một số JavaScript tùy chỉnh

const myModal = document.getElementById('myModal')
const myInput = document.getElementById('myInput')

myModal.addEventListener('shown.bs.modal', () => {
  myInput.focus()
})

Tiếp tục đọc các bản demo và hướng dẫn sử dụng

ví dụ

thành phần phương thức

Dưới đây là một ví dụ về phương thức tĩnh (có nghĩa là 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
8 và 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
9 của nó đã bị ghi đè). Bao gồm tiêu đề phương thức, nội dung phương thức (bắt buộc đối với 


  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
0) và chân trang phương thức (tùy chọn). Chúng tôi yêu cầu bạn bao gồm các tiêu đề phương thức với các hành động loại bỏ bất cứ khi nào có thể hoặc cung cấp một hành động loại bỏ rõ ràng khác

Văn bản nội dung phương thức ở đây


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes

Trong ví dụ tĩnh trên, chúng tôi sử dụng

, để tránh các sự cố với hệ thống phân cấp tiêu đề trong trang tài liệu. Tuy nhiên, về mặt cấu trúc, hộp thoại phương thức đại diện cho tài liệu/ngữ cảnh riêng biệt của nó, vì vậy, lý tưởng nhất là 


  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
1 phải là một
Nếu cần, bạn có thể sử dụng các tiện ích cỡ chữ để kiểm soát sự xuất hiện của tiêu đề. Tất cả các ví dụ trực tiếp sau đây sử dụng phương pháp này

Bản thử trực tiếp

Chuyển đổi bản trình diễn phương thức đang hoạt động bằng cách nhấp vào nút bên dưới. Nó sẽ trượt xuống và mờ dần từ đầu trang

Woo-hoo, bạn đang đọc văn bản này trong một phương thức



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes

phông nền tĩnh

Khi phông nền được đặt thành tĩnh, phương thức sẽ không đóng khi nhấp vào bên ngoài phông nền. Nhấp vào nút bên dưới để dùng thử

Tôi sẽ không đóng nếu bạn nhấp bên ngoài tôi. Thậm chí đừng cố nhấn phím thoát

Khởi chạy phương thức phông nền tĩnh

________số 8

Khi các phương thức trở nên quá dài đối với chế độ xem hoặc thiết bị của người dùng, chúng sẽ cuộn độc lập với chính trang đó. Hãy thử bản demo bên dưới để xem chúng tôi muốn nói gì

Đây là một số nội dung giữ chỗ để hiển thị hành vi cuộn cho các phương thức. Thay vì lặp lại văn bản theo phương thức, chúng tôi sử dụng kiểu nội tuyến đặt chiều cao tối thiểu, do đó kéo dài độ dài của phương thức tổng thể và thể hiện cuộn tràn. Khi nội dung trở nên dài hơn chiều cao của chế độ xem, thao tác cuộn sẽ di chuyển phương thức khi cần

Bạn cũng có thể tạo một phương thức có thể cuộn cho phép cuộn phần thân của phương thức bằng cách thêm 



  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
2 vào 


  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
3

Đây là một số nội dung giữ chỗ để hiển thị hành vi cuộn cho các phương thức. Chúng tôi sử dụng các ngắt dòng lặp đi lặp lại để chứng minh cách nội dung có thể vượt quá chiều cao bên trong tối thiểu, do đó hiển thị cuộn bên trong. Khi nội dung trở nên dài hơn chiều cao tối đa được xác định trước của phương thức, nội dung sẽ bị cắt và có thể cuộn được trong phương thức

Nội dung này sẽ xuất hiện ở dưới cùng sau khi bạn cuộn



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
5

Căn giữa theo chiều dọc

Thêm 



  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
4 vào 


  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
3 để căn giữa phương thức theo chiều dọc

Đây là một phương thức tập trung theo chiều dọc

Đây là một số nội dung giữ chỗ để hiển thị phương thức tập trung theo chiều dọc. Chúng tôi đã thêm một số bản sao bổ sung ở đây để hiển thị cách thức hoạt động của phương thức định tâm theo chiều dọc khi được kết hợp với các phương thức có thể cuộn. Chúng tôi cũng sử dụng một số ngắt dòng lặp lại để nhanh chóng kéo dài chiều cao của nội dung, do đó kích hoạt thao tác cuộn. Khi nội dung trở nên dài hơn chiều cao tối đa được xác định trước của phương thức, nội dung sẽ bị cắt và có thể cuộn được trong phương thức

cứ thế

Phương thức có thể cuộn được căn giữa theo chiều dọc Phương thức có thể cuộn được căn giữa theo chiều dọc



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
8

Chú giải công cụ và cửa sổ bật lên có thể được đặt trong các phương thức khi cần. Khi các phương thức bị đóng, mọi chú giải công cụ và cửa sổ bật lên bên trong cũng sẽ tự động bị loại bỏ



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
9

Sử dụng lưới

Sử dụng hệ thống lưới Bootstrap trong một phương thức bằng cách lồng 



  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
6 vào trong 


  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
7. Sau đó, sử dụng các lớp hệ thống lưới thông thường như bạn làm ở bất kỳ nơi nào khác

Cấp độ 1. . col-sm-9

Cấp độ 2. . col-8. col-sm-6

Cấp độ 2. . col-4. col-sm-6



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
2

Thay đổi nội dung phương thức

Có một loạt các nút kích hoạt cùng một phương thức với nội dung hơi khác nhau?

Dưới đây là bản trình diễn trực tiếp theo sau là ví dụ về HTML và JavaScript. Để biết thêm thông tin, hãy đọc các tài liệu về sự kiện phương thức để biết chi tiết về 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
50

Mở phương thức cho @mdo Mở phương thức cho @fat Mở phương thức cho @getbootstrap



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
6



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
7

Chuyển đổi giữa các phương thức

Chuyển đổi giữa nhiều phương thức với một số vị trí thông minh của các thuộc tính 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
51 và 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
52. Ví dụ: bạn có thể chuyển đổi phương thức đặt lại mật khẩu từ bên trong phương thức đăng nhập đã mở. Xin lưu ý rằng không thể mở nhiều phương thức cùng một lúc—phương thức này chỉ đơn giản là chuyển đổi giữa hai phương thức riêng biệt

Hiển thị phương thức thứ hai và ẩn phương thức này bằng nút bên dưới

Ẩn phương thức này và hiển thị phương thức đầu tiên bằng nút bên dưới

Mở phương thức đầu tiên


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
0

Thay đổi hoạt ảnh

Biến 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
53 xác định trạng thái biến đổi của 


  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
3 trước hoạt ảnh tăng dần theo chế độ, biến 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
55 xác định biến đổi của 


  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
3 ở cuối hoạt ảnh tăng dần theo chế độ

Ví dụ, nếu bạn muốn một hoạt ảnh phóng to, bạn có thể đặt 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
57

Xóa hoạt ảnh

Đối với các phương thức chỉ xuất hiện thay vì mờ dần để xem, hãy xóa lớp 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
58 khỏi đánh dấu phương thức của bạn


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
1

Độ cao động

Nếu chiều cao của một modal thay đổi khi nó đang mở, bạn nên gọi 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
59 để điều chỉnh lại vị trí của modal trong trường hợp thanh cuộn xuất hiện

khả năng tiếp cận

Đảm bảo thêm 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
80, tham chiếu tiêu đề phương thức, vào 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
5. Ngoài ra, bạn có thể đưa ra mô tả về hộp thoại phương thức của mình với 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
82 trên 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
5. Lưu ý rằng bạn không cần thêm 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
84 vì chúng tôi đã thêm nó qua JavaScript

Nhúng video YouTube

Nhúng video YouTube vào các phương thức yêu cầu JavaScript bổ sung không có trong Bootstrap để tự động dừng phát lại và hơn thế nữa. Xem bài đăng Stack Overflow hữu ích này để biết thêm thông tin

Kích thước tùy chọn

Các phương thức có ba kích thước tùy chọn, có sẵn thông qua các lớp bổ trợ được đặt trên một 



  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
3. Các kích thước này bắt đầu tại các điểm dừng nhất định để tránh các thanh cuộn ngang trên các khung nhìn hẹp hơn

SizeClassModal max-widthNhỏ



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
86


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
87Mặc địnhKhông có


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
88Lớn


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
89


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
90Cực lớn


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
91


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
92

Phương thức mặc định của chúng tôi không có lớp sửa đổi cấu thành phương thức kích thước “trung bình”

Phương thức cực lớn Phương thức lớn Phương thức nhỏ


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
2

Chế độ toàn màn hình

Một ghi đè khác là tùy chọn bật lên một phương thức bao phủ chế độ xem của người dùng, có sẵn thông qua các lớp bổ trợ được đặt trên một 



  Launch static backdrop modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Understood
3

Lớp học có sẵn



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
94Luôn luôn


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
95


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
96


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
97


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
98


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
99


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
20


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
21


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
22


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
23


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
24

Full màn hình Full màn hình dưới sm Full màn hình dưới md Full màn hình dưới lg Full màn hình dưới xl Full màn hình dưới xxl


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
3

CSS

Biến

Đã thêm vào v5. 2. 0

Là một phần trong cách tiếp cận các biến CSS đang phát triển của Bootstrap, các phương thức hiện sử dụng các biến CSS cục bộ trên 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
5 và 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
26 để tùy chỉnh thời gian thực nâng cao. Các giá trị cho các biến CSS được đặt thông qua Sass, do đó tùy chỉnh Sass cũng vẫn được hỗ trợ


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
4


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
5

biến sass


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
6

Vòng

Chế độ toàn màn hình đáp ứng được tạo thông qua bản đồ ________ 227 và một vòng lặp trong ________ 228


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
7

Cách sử dụng

Plugin phương thức chuyển đổi nội dung ẩn của bạn theo yêu cầu, thông qua thuộc tính dữ liệu hoặc JavaScript. Nó cũng ghi đè hành vi cuộn mặc định và tạo 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
26 để cung cấp vùng nhấp để loại bỏ các phương thức được hiển thị khi nhấp vào bên ngoài phương thức

Thông qua thuộc tính dữ liệu

chuyển đổi

Kích hoạt một phương thức mà không cần viết JavaScript. Đặt 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
60 trên thành phần bộ điều khiển, chẳng hạn như nút, cùng với 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
61 hoặc 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
62 để nhắm mục tiêu một phương thức cụ thể để chuyển đổi


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
8

Miễn nhiệm

Có thể loại bỏ bằng thuộc tính 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
63 trên một nút trong phương thức như minh họa bên dưới


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
9

hoặc trên một nút bên ngoài phương thức sử dụng 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
51 như minh họa bên dưới


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
9

Qua JavaScript

Tạo một phương thức với một dòng JavaScript



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
1

Tùy chọn

Vì các tùy chọn có thể được chuyển qua thuộc tính dữ liệu hoặc JavaScript, bạn có thể thêm tên tùy chọn vào 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
65, như trong 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
66. Đảm bảo thay đổi kiểu chữ hoa chữ thường của tên tùy chọn từ “camelCase” thành “kebab-case” khi chuyển các tùy chọn qua thuộc tính dữ liệu. Ví dụ: sử dụng 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
67 thay vì 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
68

Kể từ Bootstrap 5. 2. 0, tất cả các thành phần đều hỗ trợ thuộc tính dữ liệu dành riêng thử nghiệm 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
69 có thể chứa cấu hình thành phần đơn giản dưới dạng chuỗi JSON. Khi một phần tử có các thuộc tính 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
70 và 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
71, giá trị cuối cùng của 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
72 sẽ là 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
73 và các thuộc tính dữ liệu riêng biệt sẽ ghi đè các giá trị được cung cấp trên 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
69. Ngoài ra, các thuộc tính dữ liệu hiện có có thể chứa các giá trị JSON như 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      





      

        Close
        Save changes
75

NameTypeDefaultDescription_______276boolean, 



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
77


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
78Bao gồm một phần tử phông nền phương thức. Ngoài ra, chỉ định 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
79 cho phông nền không đóng chế độ khi nhấp vào. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
00boolean


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
78Đặt tiêu điểm vào phương thức khi được khởi tạo. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
02boolean


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
78Đóng chế độ khi nhấn phím thoát

phương pháp

Các phương thức và chuyển tiếp không đồng bộ

Tất cả các phương thức API đều không đồng bộ và bắt đầu quá trình chuyển đổi. Họ quay lại người gọi ngay khi quá trình chuyển đổi bắt đầu nhưng trước khi quá trình chuyển đổi kết thúc. Ngoài ra, một cuộc gọi phương thức trên một thành phần chuyển tiếp sẽ bị bỏ qua

Xem tài liệu JavaScript của chúng tôi để biết thêm thông tin

tùy chọn vượt qua

Kích hoạt nội dung của bạn dưới dạng phương thức. Chấp nhận một tùy chọn tùy chọn 


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
04



  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
2

MethodDescription


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
05Destroys một phần tử modal. (Xóa dữ liệu được lưu trữ trên phần tử DOM) ____906Phương thức tĩnh cho phép bạn lấy thể hiện phương thức được liên kết với phần tử DOM. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
07Phương thức tĩnh cho phép bạn lấy phiên bản phương thức được liên kết với phần tử DOM hoặc tạo một phiên bản mới trong trường hợp nó không được khởi tạo. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
08Điều chỉnh lại vị trí của phương thức theo cách thủ công nếu chiều cao của phương thức thay đổi khi nó đang mở (i. e. trong trường hợp một thanh cuộn xuất hiện). 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
09Ẩn phương thức theo cách thủ công. Trả về người gọi trước khi phương thức thực sự bị ẩn (i. e. trước khi sự kiện 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
10 xảy ra). 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
11Mở phương thức theo cách thủ công. Trả về người gọi trước khi phương thức thực sự được hiển thị (i. e. trước khi sự kiện 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
12 xảy ra). Ngoài ra, bạn có thể chuyển một phần tử DOM làm đối số có thể nhận được trong các sự kiện phương thức (dưới dạng thuộc tính 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
50). (tôi. e. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
14. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
15Chuyển đổi phương thức theo cách thủ công. Trả về người gọi trước khi phương thức thực sự được hiển thị hoặc ẩn (i. e. trước khi sự kiện 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
12 hoặc 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
10 xảy ra)

Sự kiện

Lớp phương thức của Bootstrap hiển thị một số sự kiện để nối vào chức năng phương thức. Tất cả các sự kiện phương thức được kích hoạt tại chính phương thức đó (i. e. tại

)

EventDescription


  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
18Sự kiện này được kích hoạt ngay lập tức khi phương thức đối tượng 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
09 được gọi. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
10Sự kiện này được kích hoạt khi chế độ đã hoàn tất bị ẩn khỏi người dùng (sẽ đợi quá trình chuyển đổi CSS hoàn tất). 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
21Sự kiện này được kích hoạt khi phương thức được hiển thị, phông nền của nó là 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
79 và một lần nhấp bên ngoài phương thức được thực hiện. Sự kiện này cũng được kích hoạt khi nhấn phím thoát và tùy chọn 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
02 được đặt thành 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
24. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
25Sự kiện này kích hoạt ngay lập tức khi phương thức đối tượng 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
11 được gọi. Nếu do nhấp chuột gây ra, phần tử được nhấp sẽ có sẵn dưới dạng thuộc tính 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
50 của sự kiện. 

  

    

      

        
Modal title

        
      

      

        
Modal body text goes here.

      

      

        Close
        Save changes
12Sự kiện này được kích hoạt khi phương thức được hiển thị cho người dùng (sẽ đợi quá trình chuyển đổi CSS hoàn tất). Nếu do nhấp chuột gây ra, phần tử được nhấp sẽ có sẵn dưới dạng thuộc tính 


  Launch demo modal





    

      

        Modal title
        
      

      

        ...
      

      

        Close
        Save changes
50 của sự kiện

Khi nào tôi nên sử dụng Bootstrap và khi nào nên sử dụng CSS?

Bootstrap là một tập hợp các lớp CSS và chức năng JavaScript và nó được sử dụng để thiết kế đáp ứng và xây dựng ứng dụng và trang web đáp ứng, ưu tiên thiết bị di động. Nó thường hoạt động trên một hệ thống lưới để tạo bố cục trang với sự trợ giúp của các hàng và cột và nó hỗ trợ tất cả các trình duyệt để tạo các trang web phản hồi

CSS có ghi đè lên Bootstrap không?

Bạn có thể ghi đè kiểu mặc định của các phần tử Bootstrap bằng hai phương pháp có thể. Cách thứ nhất — sử dụng CSS ghi đè— áp dụng cho các trang web sử dụng BootstrapCDN hoặc các phiên bản Bootstrap được biên dịch sẵn . Thứ hai - sử dụng các biến Sass - áp dụng cho các trang web sử dụng phiên bản mã nguồn của Bootstrap.

Tôi có nên thành thạo CSS trước Bootstrap không?

Tôi khuyên bạn nên học Bootstrap trước . Nó sử dụng cả CSS và Javascript, nhưng nghiêm túc thì bạn không cần biết về cả hai để sử dụng Bootstrap. Lý do tôi nói với bạn điều này bởi vì tôi thấy quá trình phát triển web front-end có hai giai đoạn.

programming css

Bài Viết Liên Quan

Chùm ho sốt thứ phát là gì năm 2024
Chùm ho sốt thứ phát là gì năm 2024

là ai Hỏi Đáp Là gì
Bài 2 trang 101 ngữ văn 6 tập 2 năm 2024
Bài 2 trang 101 ngữ văn 6 tập 2 năm 2024

mẹo hay
Giáo dục sức khỏe bệnh nhân xuất huyest tiêu hóa năm 2024
Giáo dục sức khỏe bệnh nhân xuất huyest tiêu hóa năm 2024

mẹo hay Khỏe Đẹp Khỏe
Hợp đồng giao chậm về lãi suất là gì năm 2024
Hợp đồng giao chậm về lãi suất là gì năm 2024

là ai Hỏi Đáp Là gì
Phát xít nhật vào đông dương khi nào năm 2024
Phát xít nhật vào đông dương khi nào năm 2024

mẹo hay
Cách hành văn tiếng anh là gì năm 2024
Cách hành văn tiếng anh là gì năm 2024

là ai Hỏi Đáp Là gì Mẹo Hay Cách Học Tốt Tiếng anh
Bài 1 2 3 4 trang 65 hóa 8 năm 2024
Bài 1 2 3 4 trang 65 hóa 8 năm 2024

mẹo hay
Công ty xuất nhập khẩu sữa tiếng anh là gì năm 2024
Công ty xuất nhập khẩu sữa tiếng anh là gì năm 2024

là ai Hỏi Đáp Là gì Học Tốt Tiếng anh
Các đặc tính của điện toán đám mây năm 2024
Các đặc tính của điện toán đám mây năm 2024

mẹo hay
Chó bị đi kiết thì chữa như thế nào năm 2024
Chó bị đi kiết thì chữa như thế nào năm 2024

mẹo hay Hỏi Đáp Thế nào
Huyện cẩm giàng hải dương tiếng trung dịch là gì năm 2024
Huyện cẩm giàng hải dương tiếng trung dịch là gì năm 2024

là ai Hỏi Đáp Là gì Học Tốt Tiếng trung Ngôn ngữ Dịch
Cách làm bài văn biểu cảm lớp 7 năm 2024
Cách làm bài văn biểu cảm lớp 7 năm 2024

mẹo hay Mẹo Hay Cách Văn biểu cảm
Chính phủkiến thức cơ bản toán lớp 1 năm 2024
Chính phủkiến thức cơ bản toán lớp 1 năm 2024

mẹo hay
Bài 6 trang 95 sgk lớp 9 tập 2 năm 2024
Bài 6 trang 95 sgk lớp 9 tập 2 năm 2024

mẹo hay Toán 9 SGK
Hay đau tức ngực là bệnh gì năm 2024
Hay đau tức ngực là bệnh gì năm 2024

là ai
Giá giữa kênh gt và mt chênh lech thế nào năm 2024
Giá giữa kênh gt và mt chênh lech thế nào năm 2024

mẹo hay Hỏi Đáp Thế nào Cryto Giá
Viêm hang vị tá tràng xung huyết là gì năm 2024
Viêm hang vị tá tràng xung huyết là gì năm 2024

là ai Hỏi Đáp Là gì Xung huyết mắt
Bán bút 19 lê văn sỹ q3 tp hcm năm 2024
Bán bút 19 lê văn sỹ q3 tp hcm năm 2024

mẹo hay
Lỗi com.google.process.gapps đã dừng lại trong big nox năm 2024
Lỗi com.google.process.gapps đã dừng lại trong big nox năm 2024

mẹo hay Công Nghệ Google
Giải bài 57 sbt toán 7 tập 1 trang 145 năm 2024
Giải bài 57 sbt toán 7 tập 1 trang 145 năm 2024

mẹo hay

Quảng Cáo

Có thể bạn quan tâm

Con vật nào đại diện cho tính cách của bạn năm 2024
1 ngày trước . bởi DryBarrier
Bless the lord oh my soul là gì năm 2024
1 ngày trước . bởi PowderedLongevity
Top 100 người giàu nhất thế giới 2023 tạp chí năm 2024
1 ngày trước . bởi Decision-makingBirthplace
Giá ghi trên hóa đơn gtgt là giá có thuế năm 2024
1 ngày trước . bởi CompletedProximity
Cách đưa 1 từ khóa lên top 1 google năm 2024
1 ngày trước . bởi SupportiveDossier
Class nghĩa tiếng việt là gì năm 2024
1 ngày trước . bởi IncongruousSeduction
Các lỗi nghiêm trọng trong việc bán hàng năm 2024
1 ngày trước . bởi SinisterPhilosopher
Hệ sinh thái sản phẩm là gì năm 2024
1 ngày trước . bởi StirringCrossroads
Huyện mèo vạc thuộc tỉnh nào của nước ta năm 2024
1 ngày trước . bởi PlacidRegularity
Bisoprolol plus hct 2.5 là thuốc gì năm 2024
1 ngày trước . bởi AshenAnthropology

Toplist được quan tâm

#1
Top 6 bản thân em phải làm gì để phòng chống hiv/aids 2023
6 tháng trước
#2
Top 7 số 20 gồm 2 và 0 đúng hay sai 2023
6 tháng trước
#3
Top 7 địa lý lớp 6 bài 19: lớp đất và các nhân tố hình thành đất một số nhóm đất điển hình trang 178 2023
6 tháng trước
#4
Top 7 h thực hiện chủ trương đường lối chính sách của đảng pháp luật của nhà nước 2023
6 tháng trước
#5
Top 6 on tập tiếng việt lớp 7 học kĩ 2 violet 2023
6 tháng trước
#6
Top 7 trung du và miền núi bắc bộ có thế mạnh nổi bật về luyện kim đen 2023
6 tháng trước
#7
Top 8 mơ thấy có người to tình với mình 2023
6 tháng trước
#8
Top 6 nước yến cao cấp yến sào thiên hoàng 2023
6 tháng trước
#9
Top 7 ví dụ về quyết định hành chính nhà nước 2023
6 tháng trước

Quảng cáo

Xem Nhiều

Suửa lỗi chính tả tự động trong word năm 2024
3 ngày trước . bởi JubilantGallery
Văn khấn thần tài thổ địa ngày rằm tháng giêng năm 2024
3 ngày trước . bởi Two-wayLeopard
Bless the lord oh my soul là gì năm 2024
1 ngày trước . bởi PowderedLongevity
Danh mục hàng hóa mật mã dân sự năm 2024
6 ngày trước . bởi Blue-eyedSpecs
Gia hạn chữ ký số tiếng anh là gì năm 2024
1 tuần trước . bởi Self-confidentMotto
Thực thi công vụ là gì năm 2024
2 ngày trước . bởi FeatheryDrafting
App kiểm tra nguồn gốc hàng hóa qua mã vạch năm 2024
2 ngày trước . bởi DeprivedCivility
Mặt nổi mấy mục đốm đen là bị gì năm 2024
4 ngày trước . bởi CrackingDoorstep
Hội chứng đao ở người biểu hiện như thế nào năm 2024
3 ngày trước . bởi BarbedEncouragement
Làm thế nào để có hơi thở thơm mát năm 2024
5 ngày trước . bởi Ill-advisedMartin

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

DMCA.com Protection Status
Bản quyền © 2021 Hỏi Đáp Inc.