如何使用bootstrap静态布局在页面上设置左侧菜单 [英] how to set left menu on the page using bootstrap static layout

问题描述

如何在asp.net中使用bootstrap明智地创建一个左侧菜单类别（左侧多个类别）

i我在bootstrap中使用bootstrap时是否可以帮助我，如何使用左侧菜单，哪个控制更好

当我最小化浏览器时左侧菜单应该隐藏并显示一个小链接当我点击链接时应该显示

侧边菜单。

请帮助



提前感谢

解决方案

有一个您可以尝试侧边栏模板。它易于使用，可以选择切换它。如果浏览器窗口达到最小尺寸，它也会自动切换。



http://startbootstrap.com/template-overviews/simple-sidebar/ [ ^ ]



我用它来做我自己的项目，看起来像这样：

 <   div     id   =  wrapper    class   =  切换 >  
  <   div     id   =  sidebar-wrapper >  
 <   ul     class   =  sidebar-nav >  
 <   li    类  =  sidebar-brand >  
 
 <   / li  >  
 &l t;   li  >  
 <   a     href   = ＃ > 信息中心<   / a  >  
 <   / li  >  
 <   li  >  
 <   a     href   =  ＃ > 快捷方式<   / a  >  
 < ;   / li  >  
 <   li  >  
 <   a     href   = ＃ > 概述<   / a  >  
 <   / li  >  
 <   li  >  
 <   a     href   = ＃ > 事件<   / a  >  
 <   / li  >  
  <   li  >  
 <   a     href   = ＃ > 关于<   / a  >  
 <   / li  >  
 <   li  >  
 <   a     href   = ＃ > 服务 <   / a  >  
 <   / li  >  
 <   li  >  
 <   a     href   = ＃ < span class =code-keyword>> 联系<   / a  >  
 <   / li  >  
 <   / ul  >  
 <   / div  >  

how to create a left menu categories wise( more than one categories in left side) using bootstrap in asp.net
i am new in bootstrap when using bootstrap can any one help me, how to use left menu, which control in better
when i minimize the browser the left menu should be hide and display a small link when i click the link the
side menu should be display.
please help

thanks in advance

解决方案

There is a sidebar template you can try. It's easy to use and has the option to toggle it. It also toggles automatically if the browser window reaches a minimum size.

http://startbootstrap.com/template-overviews/simple-sidebar/[^]

I have used it for my own projects and will look like this:

<div id="wrapper" class="toggled">
                <div id="sidebar-wrapper">
                <ul class="sidebar-nav">
                <li class="sidebar-brand">

                </li>
                <li>
                    <a href="#">Dashboard</a>
                </li>
                <li>
                    <a href="#">Shortcuts</a>
                </li>
                <li>
                    <a href="#">Overview</a>
                </li>
                <li>
                    <a href="#">Events</a>
                </li>
                <li>
                    <a href="#">About</a>
                </li>
                <li>
                    <a href="#">Services</a>
                </li>
                <li>
                    <a href="#">Contact</a>
                </li>
            </ul>
        </div>

这篇关于如何使用bootstrap静态布局在页面上设置左侧菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！