在AdminLTE

时间:2018-04-10 04:58:04

标签: html css adminlte

在adminLte侧边栏菜单看起来不合适。 如果菜单标题的文本更多,那么它应该转到下一行,并且在下一行中它应该在第一行的第一个字母下方精确地开始。 我已经做到了,但当它崩溃并且它悬停时它没有显示菜单标题。 我在代码中做了一些修改,我的Html代码是

<a href="#">
<div style="width:100%;display:inline-block;">
     <div style="width:10%;float:left;">
           <i class="fa fa-dashboard"></i>
     </div>
     <div style="width:90%;float:right;display:inline-block">
         <div style="float:left;width:90%">
             <span style="padding-right: 50px;white-space: normal;line-height:14px">Dashboard Test Test Test Test</span>    
         </div>
                  <div style="float:left;width:2%">
                      <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                      </span>
                  </div>
              </div>
          </div>
      </a>

错误图像显示箭头左侧应显示向下箭头: 我还在AdminLTE.min.css文件中进行了更改,更改如下,

.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > div > div:nth-child(2)> div:nth-child(2) > .pull-right-container > .fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}
.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > div > div:nth-child(2)> div:nth-child(2) > .pull-right-container > .fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}

感谢。

0 个答案:

没有答案