Chú giải công cụ – chú giải công cụ bootstrap trên đầu vào

Tài liệu và ví dụ để thêm chú giải công cụ Bootstrap tùy chỉnh với CSS và JavaScript bằng cách sử dụng CSS3 cho hoạt ảnh và thuộc tính dữ liệu để lưu trữ tiêu đề cục bộ.

Bạn đang xem : chú giải công cụ bootstrap trên đầu vào

Chú giải công cụ

Tài liệu và ví dụ để thêm chú giải công cụ Bootstrap tùy chỉnh với CSS và JavaScript bằng cách sử dụng CSS3 cho hoạt ảnh và thuộc tính dữ liệu để lưu trữ tiêu đề cục bộ.

Tổng quan

Những điều cần biết khi sử dụng plugin chú giải công cụ:

  • Chú giải công cụ dựa vào thư viện của bên thứ 3 Popper.js để xác định vị trí. Bạn phải bao gồm popper.min.js trước bootstrap.js hoặc sử dụng bootstrap.bundle.min.js / bootstrap.bundle.js chứa Popper.js để các chú giải công cụ hoạt động!
  • Nếu bạn đang xây dựng JavaScript từ nguồn, thì nó yêu cầu use.js .
  • Chú giải công cụ được chọn tham gia vì lý do hiệu suất, vì vậy bạn phải tự khởi tạo chúng .
  • Chú giải công cụ có tiêu đề dài bằng 0 sẽ không bao giờ được hiển thị.
  • Chỉ định container: 'body' để tránh các sự cố hiển thị trong các thành phần phức tạp hơn (như nhóm đầu vào, nhóm nút, v.v. của chúng tôi).
  • Kích hoạt chú giải công cụ trên các phần tử ẩn sẽ không hoạt động.
  • Chú giải công cụ cho các phần tử . bị vô hiệu hóa hoặc bị vô hiệu hóa phải được kích hoạt trên phần tử trình bao bọc.
  • Khi được kích hoạt từ các siêu liên kết kéo dài nhiều dòng, chú giải công cụ sẽ được căn giữa. Sử dụng white-space: nowrap; trên & lt; a & gt; s của bạn để tránh hành vi này.
  • Chú giải công cụ phải được ẩn trước khi các phần tử tương ứng của chúng bị xóa khỏi DOM.

Có tất cả những điều đó? Tuyệt vời, hãy xem chúng hoạt động như thế nào với một số ví dụ.

Ví dụ: Bật chú giải công cụ ở mọi nơi

Một cách để khởi tạo tất cả các chú giải công cụ trên một trang là chọn chúng theo thuộc tính data-toggle :

  

$

(

function

()

{

$

(

'[data-toggle = "tooltip"]'

< p class = "p">).

tooltip

()

})

Ví dụ

Di chuột qua các liên kết bên dưới để xem các chú giải công cụ:

Quần bó sát cấp độ keffiyeh bạn có thể chưa nghe nói về chúng. Ảnh gian hàng râu vải thô denim letterpress túi đưa tin thuần chay stumptown. Seitan từ trang trại đến bàn ăn, mcsweeney’s fixie quinoa bền vững 8-bit quần áo Mỹ có một chiếc bánh xích nhựa vinyl terry richardson. Beard stumptown, cardigans banh mi lomo Thundercats. Đậu phụ diesel sinh học williamsburg marfa, bánh chambray thuần chay làm sạch 4 loko mcsweeney. Một nghệ nhân thực sự mỉa mai bất kỳ bàn thờ nào , nhà tạo cảnh nông trại từ bàn đến bàn Austin Tay cầm twitter freegan credit raw cà phê có nguồn gốc đơn denim virus.

Di chuột qua các nút bên dưới để xem bốn hướng của chú giải công cụ: trên cùng, bên phải, dưới cùng và bên trái.

Nút

  

& lt;

type =

"button"

class =

"btn btn-Secondary"

data-toggle =

"tooltip"

data-position =

"top"

title =

"Chú giải công cụ ở trên cùng"

& gt;

Chú giải công cụ ở trên cùng

& lt; / button & gt;

& lt; button

type =

"button"

class =

" btn btn-Secondary "

data-toggle =

"tooltip"

data-position =

"right"

title =

"Chú giải công cụ ở bên phải"

& gt;

Chú giải công cụ ở bên phải

& lt; / button & gt;

& lt; button

type =

"button"

class =

" btn btn-Secondary "

data-toggle =

"tooltip"

data-position =

"bottom"

title =

"Chú giải công cụ ở dưới cùng"

& gt;

Chú giải công cụ ở dưới cùng

& lt; / button & gt;

& lt; button

type =

"button"

class =

" btn btn-Secondary "

data-toggle =

"tooltip"

data-position =

"left"

title =

"Chú giải công cụ ở bên trái"

& gt;

Chú giải công cụ ở bên trái

& lt; / button & gt;

Và với HTML tùy chỉnh được thêm vào:

Nút

  

& lt;

type =

"button"

class =

"btn btn-Secondary"

data-toggle =

"tooltip"

data-html =

"true"

title =

"& lt; em & gt; Chú giải công cụ & lt; / em & gt; & lt; u & gt; với & lt; / u & gt; & lt; b & gt; HTML & lt; / b & gt ; "

& gt;

Chú giải công cụ với HTML

& lt; / button & gt;

Sử dụng

Plugin chú giải công cụ tạo nội dung và đánh dấu theo yêu cầu và theo mặc định đặt chú giải công cụ sau phần tử kích hoạt của chúng.

Kích hoạt chú giải công cụ qua JavaScript:

  

$

(

'# ví dụ '

).

tooltip

(

tùy chọn

)

Đánh dấu

Đánh dấu bắt buộc cho chú giải công cụ chỉ là thuộc tính data title trên phần tử HTML mà bạn muốn để có một chú giải công cụ. Đánh dấu được tạo của chú giải công cụ khá đơn giản, mặc dù nó yêu cầu vị trí (theo mặc định, được plugin đặt thành top ).

Làm cho chú giải công cụ hoạt động cho người dùng bàn phím và công nghệ hỗ trợ

Bạn chỉ nên thêm chú giải công cụ vào các phần tử HTML truyền thống có thể lấy tiêu điểm bằng bàn phím và tương tác (chẳng hạn như liên kết hoặc điều khiển biểu mẫu). Mặc dù các phần tử HTML tùy ý (chẳng hạn như & lt; span & gt; s) có thể được đặt tiêu điểm bằng cách thêm tabindex = "0" < / code> thuộc tính, điều này sẽ thêm các điểm dừng tab có thể gây khó chịu và khó hiểu trên các phần tử không tương tác cho người dùng bàn phím. Ngoài ra, hầu hết các công nghệ hỗ trợ hiện không công bố chú giải công cụ trong tình huống này.

Ngoài ra, đừng chỉ dựa vào hover làm trình kích hoạt cho chú giải công cụ của bạn, vì điều này sẽ khiến chú giải công cụ của bạn không thể kích hoạt cho người dùng bàn phím.

  

& lt;! - HTML để viết - & gt;

& lt; a

href =

"#"

data-toggle =

" tooltip "

title =

" Một số chú giải công cụ text! "

& gt;

Di chuột qua tôi

& lt; / a & gt;

& lt;! - Đánh dấu được tạo bởi plugin - & gt;

& lt; div

class =

"tooltip bs-tooltip-top"

< p class = "na"> role =

"tooltip"

& gt;

& lt; div

class =

"arrow"

& gt; & lt; / div & gt;

& lt; div

class =

"tooltip-inner"

& gt;

Một số văn bản chú giải công cụ!

& lt; / div & gt;

& lt; / div & gt;

Các phần tử bị vô hiệu hóa

Các phần tử có thuộc tính bị vô hiệu hóa sẽ không tương tác, có nghĩa là người dùng không thể tập trung, di chuột hoặc nhấp vào chúng để kích hoạt chú giải công cụ (hoặc cửa sổ bật lên). Để giải quyết vấn đề, bạn sẽ muốn kích hoạt chú giải công cụ từ trình bao bọc & lt; div & gt; hoặc & lt; span & gt; , lý tưởng là làm cho bàn phím có thể lấy nét bằng cách sử dụng tabindex = "0" và ghi đè pointer-event trên phần tử bị vô hiệu hóa.

  

& lt; span

class =

"d-inline-block"

tabindex =

"0"

data-toggle =

" tooltip "

title =

" Chú giải công cụ bị tắt "

& gt;

& lt; button

class =

"btn btn-primary"

style =

"pointer-event: none;"

type =

" nút "

bị tắt

& gt;

Nút bị tắt

& lt; / nút & gt;

& lt; / span & gt;

Tùy chọn

Các tùy chọn có thể được chuyển qua các thuộc tính dữ liệu hoặc JavaScript. Đối với các thuộc tính dữ liệu, hãy nối tên tùy chọn vào data- , như trong data-animation = "" .

Tên
Loại hình
Mặc định
Sự mô tả

hoạt hình
boolean
thật
Áp dụng chuyển đổi mờ dần CSS cho chú giải công cụ

thùng đựng hàng
chuỗi | phần tử | sai
sai

Thêm chú giải công cụ vào một phần tử cụ thể. Ví dụ: container: 'body' . Tùy chọn này đặc biệt hữu ích ở chỗ nó cho phép bạn định vị chú giải công cụ trong luồng tài liệu gần phần tử kích hoạt - điều này sẽ ngăn chú giải công cụ trôi ra khỏi phần tử kích hoạt trong quá trình thay đổi kích thước cửa sổ.

sự chậm trễ
số | sự vật
0

Độ trễ hiển thị và ẩn chú giải công cụ (mili giây) - không áp dụng cho loại trình kích hoạt thủ công

Nếu một số được cung cấp, độ trễ sẽ được áp dụng cho cả ẩn / hiện

Cấu trúc đối tượng là: delay: {"show": 500, "hide": 100}

html
boolean
sai

Cho phép HTML trong chú giải công cụ.

Nếu đúng, các thẻ HTML trong title của chú giải công cụ sẽ được hiển thị trong chú giải công cụ. Nếu sai, phương thức text của jQuery sẽ được sử dụng để chèn nội dung vào DOM.

Sử dụng văn bản nếu bạn lo lắng về các cuộc tấn công XSS.

vị trí
chuỗi | hàm số
'đứng đầu'

Cách định vị chú giải công cụ - tự động | đầu trang | dưới cùng | trái | đúng.
Khi auto được chỉ định, nó sẽ tự động định hướng lại chú giải công cụ.

Khi một hàm được sử dụng để xác định vị trí, nó được gọi với nút DOM của chú giải công cụ làm đối số đầu tiên và nút DOM phần tử kích hoạt làm đối số thứ hai của nó. Ngữ cảnh this được đặt thành phiên bản chú giải công cụ.

bộ chọn
chuỗi | sai
sai
Nếu một bộ chọn được cung cấp, các đối tượng chú giải công cụ sẽ được ủy quyền cho các mục tiêu được chỉ định. Trên thực tế, điều này được sử dụng để cho phép nội dung HTML động có thêm cửa sổ bật lên. Xem này ví dụ về thông tin .

mẫu
sợi dây
'& lt; div class = "tooltip" role = "tooltip" & gt; & lt; div class = "arrow" & gt; & lt; / div & gt; & lt; div class = "tooltip-inner" & gt; & lt; / div & gt ; & lt; / div & gt; '

HTML cơ sở để sử dụng khi tạo chú giải công cụ.

title của chú giải công cụ sẽ được đưa vào .tooltip-inner .

.arrow sẽ trở thành mũi tên của chú giải công cụ.

Phần tử trình bao bọc ngoài cùng phải có lớp .tooltip role = "tooltip" .

Tiêu đề
chuỗi | phần tử | hàm số
''

Giá trị tiêu đề mặc định nếu thuộc tính title không có.

Nếu một hàm được cung cấp, nó sẽ được gọi với bộ tham chiếu this của nó thành phần tử mà chú giải công cụ được đính kèm.

Kích hoạt
sợi dây
'di chuột tiêu điểm'

Cách kích hoạt chú giải công cụ - nhấp vào | di chuột qua | tiêu điểm | thủ công. Bạn có thể vượt qua nhiều lần kích hoạt; tách chúng ra bằng một khoảng trắng.

'manual' cho biết rằng chú giải công cụ sẽ được kích hoạt theo chương trình thông qua .tooltip ('show') , .tooltip ('hide') .tooltip ('toggle') ; giá trị này không thể được kết hợp với bất kỳ trình kích hoạt nào khác.

'hover' tự nó sẽ dẫn đến các chú giải công cụ không thể được kích hoạt qua bàn phím và chỉ được sử dụng nếu có các phương pháp thay thế để truyền tải cùng một thông tin cho người dùng bàn phím.

bù lại
số | sợi dây
0
Chênh lệch của chú giải công cụ so với mục tiêu của nó. Để biết thêm thông tin, hãy tham khảo tài liệu bù đắp của Popper.js.

dự phòng
chuỗi | mảng
'lật'
Cho phép chỉ định vị trí mà Popper sẽ sử dụng trong dự phòng. Để biết thêm thông tin tham khảo
tài liệu về hành vi của Popper.js

ranh giới
chuỗi | yếu tố
'scrollParent'
Ranh giới ràng buộc tràn của chú giải công cụ. Chấp nhận các giá trị của 'viewport' , 'window' , 'scrollParent' hoặc tham chiếu HTMLElement (chỉ JavaScript). Để biết thêm thông tin, hãy tham khảo tài liệu ngăn chặn dòng chảy của Popper.js.

Thuộc tính dữ liệu cho các chú giải công cụ riêng lẻ

Các tùy chọn cho chú giải công cụ riêng lẻ có thể được chỉ định theo cách khác thông qua việc sử dụng các thuộc tính dữ liệu, như đã giải thích ở trên.

Phương thứ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 chuyển đổi . Họ quay lại người gọi ngay sau 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, lệnh gọi phương thức trên 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.

$ (). tooltip (tùy chọn)

Đính kèm trình xử lý chú giải công cụ vào tập hợp phần tử.

. tooltip ('show')

Hiển thị chú giải công cụ của một phần tử. Trả về trình gọi trước khi chú giải công cụ thực sự được hiển thị (tức là trước khi sự kiện show.bs.tooltip xảy ra). Đây được coi là cách kích hoạt "thủ công" của chú giải công cụ. Chú giải công cụ có tiêu đề dài bằng 0 sẽ không bao giờ được hiển thị.

  

$

(

'# phần tử '

).

tooltip

(

'show'

)

. tooltip ('hide')

Ẩn chú giải công cụ của phần tử. Trả về trình gọi trước khi chú giải công cụ thực sự bị ẩn (tức là trước khi sự kiện hidden.bs.tooltip xảy ra). Đây được coi là cách kích hoạt "thủ công" của chú giải công cụ.

  

$

(

'# phần tử '

).

tooltip

(

'hide'

)

. tooltip ('toggle')

Chuyển đổi chú giải công cụ của phần tử. Trả về trình gọi trước khi chú giải công cụ thực sự được hiển thị hoặc bị ẩn (tức là trước show.bs.tooltip hoặc hidden.bs.tooltip xảy ra). Đây được coi là cách kích hoạt "thủ công" của chú giải công cụ.

  

$

(

'# phần tử '

).

tooltip

(

'chuyển đổi'

)

. tooltip ('dispose')

Ẩn và hủy chú giải công cụ của phần tử. Các chú giải công cụ sử dụng ủy quyền (được tạo bằng tùy chọn selector )) không thể bị hủy riêng lẻ trên các phần tử kích hoạt con.

  

$

(

'# phần tử '

).

tooltip

(

'vứt bỏ'

)

. tooltip ('enable')

Cung cấp cho chú giải công cụ của phần tử khả năng được hiển thị. Chú giải công cụ được bật theo mặc định.

  

$

(

'# phần tử '

).

tooltip

(

'enable'

)

. tooltip ('vô hiệu hóa')

Loại bỏ khả năng hiển thị chú giải công cụ của phần tử. Chú giải công cụ sẽ chỉ có thể được hiển thị nếu nó được bật lại.

  

$

(

'# phần tử '

).

tooltip

(

'vô hiệu hóa'

)

. tooltip ('toggleEnabled')

Chuyển đổi khả năng hiển thị hoặc ẩn chú giải công cụ của phần tử.

  

$

(

'# phần tử '

).

tooltip

(

'toggleEnabled'

)

Cập nhật vị trí của chú giải công cụ của phần tử.

  

$

(

'# phần tử '

).

tooltip

(

'cập nhật'

)

Sự kiện

Loại sự kiện
Sự mô tả

show.bs.tooltip
Sự kiện này kích hoạt ngay lập tức khi phương thức thể hiện show được gọi.

show.bs.tooltip
Sự kiện này được kích hoạt khi chú giải công cụ đã được hiển thị cho người dùng (sẽ đợi quá trình chuyển đổi CSS hoàn tất).

hide.bs.tooltip
Sự kiện này được kích hoạt ngay lập tức khi phương thức thể hiện hide được gọi.

hidden.bs.tooltip
Sự kiện này được kích hoạt khi chú giải công cụ 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).

insert.bs.tooltip
Sự kiện này được kích hoạt sau sự kiện show.bs.tooltip khi mẫu chú giải công cụ đã được thêm vào DOM.

  

$

(

'# myTooltip '

).

trên

(

'hidden.bs.tooltip'

,

function

() < / p>

{

// làm gì đó…

})


Xem thêm những thông tin liên quan đến chủ đề chú giải công cụ bootstrap trên đầu vào

Bootstrap blockquotes and lists

  • Tác giả: kudvenkat
  • Ngày đăng: 2016-06-01
  • Đánh giá: 4 ⭐ ( 8795 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: bootstrap blockquote example
    bootstrap blockquote right
    bootstrap ordered list example
    bootstrap unordered list example
    bootstrap unordered list inline
    bootstrap unordered list horizontal
    bootstrap unordered list no bullets
    bootstrap ul list without bullets
    bootstrap ordered list side by side
    bootstrap dl list example
    bootstrap definition list horizontal
    bootstrap horizontal description list
    bootstrap horizontal definition list
    bootstrap 3 definition list

    Bootstrap blockquotes and lists

    In this video we will discuss working with blockquotes and lists.

    Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
    https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1

    Blockquotes are useful for quoting blocks of content from another source within your web page
    1. [blockquote] element can be used with any HTML that you want as the quote. For simple text quotes bootstrap recomends using a [p] element.
    2. For identifying the source of the quote, use the [footer] element. Wrap the name of the source work using [cite] element. On hover the title attribute value will be displayed as a tooltip.
    3. To right-align the blockquote content, use .blockquote-reverse class on the [blockquote] element

    [blockquote class="blockquote-reverse"]
    [p]By failing to prepare, you are preparing to fail[/p]
    [footer]
    This famous quote is by
    [cite title="Benjamin Franklin"]
    Benjamin Franklin
    [/cite]
    [/footer]
    [/blockquote]

    Bootstrap Ordered List : For an Ordered List use the [ol] element

    [ol]
    [li]India[/li]
    [li]USA[/li]
    [li]UK[/li]
    [li]Australia[/li]
    [li]Canada[/li]
    [/ol]

    Bootstrap Unordered List : For an Unordered List use the [ul] element

    [ul]
    [li]India[/li]
    [li]USA[/li]
    [li]UK[/li]
    [li]Australia[/li]
    [li]Canada[/li]
    [/ul]

    To place all list items of ordered or unordered list on a single line use the .list-inline class

    [ul class="list-inline"]
    [li]India[/li]
    [li]USA[/li]
    [li]UK[/li]
    [li]Australia[/li]
    [li]Canada[/li]
    [/ul]

    To remove the default list-style of ordered and unordered lists use the .list-unstyled class

    [ul class="list-unstyled"]
    [li]
    India
    [ul class="list-unstyled"]
    [li]Andhra Pradesh[/li]
    [li]Tamil Nadu[/li]
    [li]Kerala[/li]
    [/ul]
    [/li]
    [li]
    USA
    [ul]
    [li]Alabama[/li]
    [li]Alaska[/li]
    [li]Iowa[/li]
    [/ul]
    [/li]
    [li]UK[/li]
    [li]Australia[/li]
    [li]Canada[/li]
    [/ul]

    For creating a list of terms with their associated descriptions use [dl] [dt] and [dd] tags

    [dl]
    [dt]ASP.NET[/dt]
    [dd]Framework for developing web applications[/dd]

    [dt]jQuery[/dt]
    [dd]JavaScript library that works across a multitude of browsers[/dd]

    [dt]SQL[/dt]
    [dd]The standard language for relational database management systems[/dd]
    [/dl]

    To make terms and descriptions in [dl] line up side-by-side use .dl-horizontal class

    [dl class="dl-horizontal"]
    [dt]ASP.NET[/dt]
    [dd]Framework for developing web applications[/dd]

    [dt]jQuery[/dt]
    [dd]JavaScript library that works across a multitude of browsers[/dd]

    [dt]SQL[/dt]
    [dd]The standard language for relational database management systems[/dd]
    [/dl]

    Link for slides, code samples and text version of the video
    http://csharp-video-tutorials.blogspot.com/2016/06/bootstrap-blockquotes-and-lists.html

    Link for all dot net and sql server video tutorial playlists
    https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1

Ngx-Bootstrap - Chú giải công cụ

  • Tác giả: isolution.pro
  • Đánh giá: 3 ⭐ ( 3711 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thành phần chú giải công cụ ngx-bootstrap cung cấp thành phần Chú giải công cụ dễ sử dụng và có thể cấu hình cao. TooltipDirective bộ chọn [tooltip], [tooltipHtml] Đầu vào adaptivePosition - boolean, đặt vô hiệu hóa vị trí thích ứng. container - string, Một bộ chọn chỉ định phần tử mà chú giải công cụ sẽ được thêm...

Chú giải công cụ Bootstrap 3 không hoạt động

  • Tác giả: vi.bannikherafarm.com
  • Đánh giá: 3 ⭐ ( 7330 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Theo một hướng dẫn bootstrap thực sự lỗi thời, nhưng nó thực sự có cấu trúc tốt nên hãy cố gắng hoàn thành khóa học. Tôi đã có thể khắc phục hầu hết các vấn đề bằng cách xem tài liệu bootstrap, một ...

Ẩn các chú giải công cụ bootstrap theo cách thủ công

  • Tác giả: vi.chefbradleyogden.com
  • Đánh giá: 3 ⭐ ( 8058 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tôi có chú giải công cụ Bootstrap về các phần tử trên trang của tôi hoạt động sai khi xem trên thiết bị di động.

Cách tạo Chú giải công cụ với Bootstrap

  • Tác giả: trithucdoisong.net
  • Đánh giá: 4 ⭐ ( 8707 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong HTML, chúng ta có thể thêm thuộc tính tiêu đề cho một phần tử. Văn bản được chỉ định trong thuộc tính này được hiển thị dưới dạng chú giải công cụ trên

Sử dụng Bootstrap để tạo giao diện cho trang web hỗ trợ responsive

  • Tác giả: csc.edu.vn
  • Đánh giá: 4 ⭐ ( 1486 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bootstrap là một Framework HTML, CSS, và JavaScript cho phép thiết kế phát triên các website hỗ trợ responsive, hiện tại Bootstrap là một trong những thư viện CSS và Javascript được dùng nhiều nhất trên thế giới với nhiều ưu điểm

Làm thế nào để sử dụng chú giải công cụ Bootstrap trên các phần tử đầu vào?

  • Tác giả: vi.gtainspections.com
  • Đánh giá: 4 ⭐ ( 9302 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tôi không chắc chắn 100% điều này có thể xảy ra, vì đầu vào không có thuộc tính rel (ví dụ trên trang web Bootstrap chỉ hiển thị 1 ví dụ với rel = "tooltip"), nhưng tôi nghĩ nó sẽ hoạt động. Thứ tự...

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Các cách khác nhau để gọi một hàm trong Python [Ví dụ] - python gọi một hàm