Văn bản bootstrap bên trái và bên phải cùng một dòng

Làm cách nào để căn chỉnh nút sang bên phải của hộp văn bản trong Bootstrap?

Cải thiện bài viết

Lưu bài viết

Thích bài viết

  • Độ khó. Trung bình
  • Cập nhật lần cuối. 18 tháng 8 năm 2021

  • Đọc
  • Bàn luận
  • Thực tiễn
  • Video
  • khóa học
  • Cải thiện bài viết

    Lưu bài viết

    Bootstrap cho phép chúng ta căn chỉnh các phần tử bằng cách sử dụng lớp tiện ích float. Vì chúng ta muốn căn chỉnh nút sang bên phải của hộp văn bản, chúng ta phải sử dụng lớp float-right.
    Cú pháp.
     

    Ví dụ.
     

    html




    <____3____4

     

    <head>

        ____2010>

        ______26 789>

        ______26 <48<6

    <7______288html0>

        ______2html4 html58html7

    <7______398

    >1>

        ______2>5 >68

    >8>

    <0____21____45>

        ______2>5 >68

    <9>

        ____21____45>

        ______2>5 >68

    >0>

        ____21____45>

    <1____6>

     

    <    0>

        ______2    4     58    7>

        9<<1 <28<4>

    <7<7

    <8<1<1>

        9<04>

    06<    4     5811>

    13<15 168181915>

    13<24     5827

    2829____1831

    2833____1835>

    06<1____84>

    06<    4     5811>

    13<50     5853

    5429____1857>

    5960

    13<1____150>

    06<1____84>

        9<1____104>

        <1    4>

    <1____80>

     

    <1____3>

    Đầu ra.
     

    Văn bản bootstrap bên trái và bên phải cùng một dòng

    Ghi chú. Mặc dù theo mặc định, các phần tử như nút, được căn trái nhưng chúng ta có thể sử dụng lớp float-left để đề cập cụ thể đến nó. Chúng ta cũng có thể sử dụng lớp float-none để loại bỏ bất kỳ sự nổi phân cấp nào.
    Điều quan trọng cần lưu ý là chúng ta đang sử dụng Bootstrap 4 ở đây, trong Bootstrap 3 hoặc Bootstrap 2, chúng ta có thể sử dụng các lớp trợ giúp như pull-left, pull-right để căn chỉnh các phần tử sang trái hoặc .
     


    Ghi chú cá nhân của tôi arrow_drop_up

    Tiết kiệm

    Vui lòng Đăng nhập để nhận xét.