Question

我正在使用侧边栏和搜索按钮创建jquery可折叠集。我需要为此应用bootstrap。如果我包含bootsrap css文件，则无法看到可折叠。请帮我解决这个问题。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
        <meta name="author" content="www.frebsite.nl" />
        <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />

        <title>jQuery.mmenu demo</title>
        <link type="text/css" rel="stylesheet" href="css/demo.css" />
                <link rel="stylesheet" href="css/demo_collapsible.css" type="text/css" />
                <link rel="stylesheet" type="text/css" href="css/main.css">
        <link type="text/css" rel="stylesheet" href="css/jquery.mmenu.css" />
                <link href="css/jqueryscripttop.css" rel="stylesheet" type="text/css">
                <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
                <!--<link type="text/css" rel="stylesheet" href="css/bootstrap.css" />-->
      </head>
      <body>
       </body>
</html>

Answer 1

您可以自定义引导程序以省略某些功能以防止冲突：http://getbootstrap.com/customize/

Answer 2

这可能有助于您jquery-ui-bootstrap 另请查看jQuery.noConflict()。

如何避免jquery UI和Bootstrap之间的冲突

2 个答案: