{"id":92,"date":"2016-05-05T17:15:33","date_gmt":"2016-05-05T09:15:33","guid":{"rendered":"http:\/\/loveuhouse.cn\/wordpress\/?p=92"},"modified":"2016-05-05T17:18:45","modified_gmt":"2016-05-05T09:18:45","slug":"%e5%ae%9e%e7%8e%b0-bootstrap-%e5%a4%9a%e7%ba%a7%e8%8f%9c%e5%8d%95","status":"publish","type":"post","link":"https:\/\/loveuhouse.cn\/wordpress\/?p=92","title":{"rendered":"\u5b9e\u73b0 Bootstrap \u591a\u7ea7\u83dc\u5355"},"content":{"rendered":"<p>\u8d44\u8baf\u6765\u6e90\uff1a<a href=\"http:\/\/blog.fens.me\/bootstrap-multilevel-navbar\/\">http:\/\/blog.fens.me\/bootstrap-multilevel-navbar\/<\/a><\/p>\n<p>\u6b64\u5904\u622a\u53d6\u81ea\u539f\u6587<\/p>\n<p>HTML\uff1a<\/p>\n<pre class=\"lang:default decode:true \">&lt;ul class=\"nav navbar-nav\"&gt;\n\t&lt;li class=\"active\"&gt;&lt;a href=\"#\"&gt;Link&lt;\/a&gt;&lt;\/li&gt;\n\t&lt;li&gt;&lt;a href=\"#\"&gt;Link&lt;\/a&gt;&lt;\/li&gt;\n\t&lt;li class=\"dropdown\"&gt;\n\t\t&lt;a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\"&gt;Multi Level &lt;b class=\"caret\"&gt;&lt;\/b&gt;&lt;\/a&gt;\n\t\t&lt;ul class=\"dropdown-menu menu-top\"&gt;\n\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;Level 1&lt;\/a&gt;&lt;\/li&gt;\n\t\t\t&lt;li class=\"dropdown-submenu\"&gt; &lt;a tabindex=\"-1\" href=\"#\"&gt;More options&lt;\/a&gt;\n\t\t\t\t&lt;ul class=\"dropdown-menu\"&gt;\n\t\t\t\t\t&lt;li&gt;&lt;a tabindex=\"-1\" href=\"#\"&gt;Level 2&lt;\/a&gt;&lt;\/li&gt;\n\t\t\t\t\t&lt;li class=\"dropdown-submenu\"&gt; &lt;a href=\"#\"&gt;More..&lt;\/a&gt;\n\t\t\t\t\t\t&lt;ul class=\"dropdown-menu\"&gt;\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;Level3&lt;\/a&gt;&lt;\/li&gt;\n\t\t\t\t\t\t&lt;\/ul&gt;\n\t\t\t\t\t&lt;\/li&gt;\n\t\t\t\t&lt;\/ul&gt;\n\t\t\t&lt;\/li&gt;\n\t\t&lt;\/ul&gt;\n\t&lt;\/li&gt;\n&lt;\/ul&gt;<\/pre>\n<p>CSS\uff1a<\/p>\n<pre class=\"lang:default decode:true \">.dropdown:hover .menu-top {\n    display: block;\n}\n\n.dropdown-submenu{\n    position:relative;\n}\n\n.dropdown-submenu &gt; .dropdown-menu{\n    top:0;\n    left:100%;\n    margin-top:-6px;\n    margin-left:-1px;\n    -webkit-border-radius:0 6px 6px 6px;\n    -moz-border-radius:0 6px 6px 6px;\n    border-radius:0 6px 6px 6px;\n}\n\n.dropdown-submenu:hover &gt; .dropdown-menu{\n    display:block;\n}\n\n.dropdown-submenu &gt; a:after{\n    display:block;\n    content:\" \";\n    float:right;\n    width:0;\n    height:0;\n    border-color:transparent;\n    border-style:solid;\n    border-width:5px 0 5px 5px;\n    border-left-color:#666;\n    margin-top:5px;\n    margin-right:-10px;\n}\n\n.dropdown-submenu:hover &gt; a:after{\n    border-left-color:#ffffff;\n}\n\n.dropdown-submenu .pull-left{\n    float:none;\n}\n\n.dropdown-submenu.pull-left &gt; .dropdown-menu{\n    left:-100%;\n    margin-left:10px;\n    -webkit-border-radius:6px 0 6px 6px;\n    -moz-border-radius:6px 0 6px 6px;\n    border-radius:6px 0 6px 6px;\n}<\/pre>\n<p>\u5b8c\u6574\u4ee3\u7801github\uff1a<a href=\"https:\/\/github.com\/bsspirit\/angular-navbar\" target=\"_blank\">https:\/\/github.com\/bsspirit\/angular-navbar<\/a>\uff0c\u540c\u5b66\u53ef\u4ee5\u6839\u636e\u9700\u8981\u81ea\u884c\u4e0b\u8f7d\u3002<\/p>\n<p><strong>\u5173\u4e8e\u539f\u4f5c\u8005<\/strong><\/p>\n<ul>\n<li>\u5f20\u4e39(Conan), \u7a0b\u5e8f\u5458Java,R,PHP,Javascript<\/li>\n<li>weibo\uff1a@Conan_Z<\/li>\n<li>blog:?<a title=\"\u7c89\u4e1d\u65e5\u5fd7|\u8de8\u754c\u7684IT\u535a\u5ba2\" href=\"http:\/\/blog.fens.me\/\" target=\"_blank\">http:\/\/blog.fens.me<\/a><\/li>\n<li>email: bsspirit@gmail.com<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignleft\" src=\"http:\/\/blog.fens.me\/wp-content\/uploads\/2016\/04\/pay50.png\" alt=\"\u539f\u4f5c\u8005\u4e8c\u7ef4\u7801\" width=\"600\" height=\"400\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8d44\u8baf\u6765\u6e90\uff1ahttp:\/\/blog.fens.me\/bootstrap-multilevel-navbar\/ \u6b64 &hellip; <a href=\"https:\/\/loveuhouse.cn\/wordpress\/?p=92\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">\u5b9e\u73b0 Bootstrap \u591a\u7ea7\u83dc\u5355<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,3],"tags":[],"_links":{"self":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/92"}],"collection":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=92"}],"version-history":[{"count":4,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/92\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}