Hướng dẫn react-bootstrap 4 - react-bootstrap 4
Các ứng dụng một trang trở nên phổ biến trong vài năm gần đây, vì vậy nhiều framework front-end đã được giới thiệu như Angular, React, Vue.js, Ember, v.v. Do đó, jQuery không phải là yêu cầu cần thiết để xây dựng ứng dụng web. Ngày nay, React có framework JavaScript được sử dụng nhiều nhất để xây dựng các ứng dụng web và Bootstrap trở thành framework CSS phổ biến nhất. Vì vậy, cần phải tìm hiểu nhiều cách khác nhau mà Bootstrap có thể được sử dụng trong các ứng dụng React, đó là mục đích chính của phần này. Các bài viết liên quan: Chúng ta có thể thêm Bootstrap vào ứng dụng React theo một số cách. Dưới đây là ba cách phổ biến nhất: Bootstrap as Dependency Gói React Bootstrap Đã đăng vào Mar 27th, 2017 3:33 a.m. 3 phút đọc 3 phút đọc I. Tổng quan về Navigation
II. Cài đặt
trước khi chạy câu lệnh 3III. Các cách sử dụng Navigation1. Sử dụng navs dưới dạng <Nav bsStyle="tabs" onSelect={handleSelect} stacked>
<NavItem eventKey={1} href="/home">NavItem 1 contentNavItem>
<NavItem eventKey={2} title="Item">NavItem 2 contentNavItem>
<NavItem eventKey={3} disabled>NavItem 3 contentNavItem>
Nav>
<Nav bsStyle="pills" onSelect={handleSelect} justified>
<NavItem eventKey={1} href="/home">NavItem 1 contentNavItem>
<NavItem eventKey={2} title="Item">NavItem 2 contentNavItem>
<NavItem eventKey={3} disabled>NavItem 3 contentNavItem>
Nav>
<Nav bsStyle="tabs" onSelect={handleSelect} stacked>
<NavItem eventKey={1} href="/home">NavItem 1 contentNavItem>
<NavItem eventKey={2} title="Item">NavItem 2 contentNavItem>
<NavItem eventKey={3} disabled>NavItem 3 contentNavItem>
Nav>
<Nav bsStyle="pills" onSelect={handleSelect} justified>
<NavItem eventKey={1} href="/home">NavItem 1 contentNavItem>
<NavItem eventKey={2} title="Item">NavItem 2 contentNavItem>
<NavItem eventKey={3} disabled>NavItem 3 contentNavItem>
Nav>
|