layui 和 bootstrap 可通過以下幾種方式集成：直接引入樣式和腳本，但需要自定義 css 覆蓋規則；使用 sass 覆蓋 bootstrap 變量，需要 sass 環境支持；使用 laystrap 插件，封裝 layui 組件的 bootstrap 風格版本；使用 layui bootstrap 插件，自動處理樣式覆蓋和響應式布局。
如何將 LayUI 和 Bootstrap 一起使用
直接使用
方案一：將 Bootstrap 和 LayUI 的 CSS 和 JS 文件直接引入 HTML 中。這種方式會導致樣式相互覆蓋，需要額外部署 CSS 覆蓋規則。
方案二：使用 sass 變量文件 (@import) 導入 LayUI 變量，覆蓋 Bootstrap 的默認變量。此方式需要 sass 環境支持。
使用第三方插件
Laystrap：一個 LayUI 和 Bootstrap 的集成插件，封裝了 LayUI 組件的 Bootstrap 風格版本。使用方便，樣式無縫集成。
Layui Bootstrap：一個基于 jQuery 的插件，將 LayUI 和 Bootstrap 的 CSS 和 JS 進行整合，自動處理樣式覆蓋和響應式布局。
具體步驟
使用 Laystrap：
-
引入 Laystrap 的 CSS 和 JS 文件。
初始化 Laystrap 插件，配置 LayUI 組件的 Bootstrap 樣式。
使用 Layui Bootstrap：
-
引入 Layui Bootstrap 的 CSS 和 JS 文件。
使用 Layui Bootstrap 的 API 訪問 LayUI 組件的 Bootstrap 版本。
注意事項
CSS 覆蓋順序：LayUI 的 CSS 應覆蓋 Bootstrap 的 CSS，以確保 LayUI 樣式優先。
響應式布局：使用 Bootstrap 響應式布局時，需要額外處理 LayUI 組件的響應式行為。
組件兼容性：LayUI 和 Bootstrap 的某些組件功能可能重疊，需要根據具體需求選擇合適的組件。
