如何从引导程序中的列表组项中删除边框 [英] How to remove border from the list group item in bootstrap

问题描述

嘿朋友，我设计了一个列表组项目，里面有一些子菜单，但它的工作正常，但问题是我想要那个没有边框的列表组。







所以任何人都可以帮助我



这里是代码

Hey friend, i design a list group item with some sub menu in it and its working but the problem is this i want that list group without border .



So anybody can help me

here is the code

<a href="#demo6" class="list-group-item list-group-item" data-toggle="collapse" data-parent="#MainMenu">Gallaries</a>
        <div class="collapse" id="demo6" style="border:0px solid white;padding:0px 0px 0px 20px;">
    <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Shridharani Gallery<i class=" fa-caret-down"></i></a>
    <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Triveni Gallery<i class=" fa-caret-down"></i></a>
    <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Sculptor Court<i class=" fa-caret-down"></i></a>
    <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Open Air Gallery<i class=" fa-caret-down"></i></a>
        <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Garden Gallery<i class=" fa-caret-down"></i></a>

推荐答案

目前尚不清楚您希望结果如何，但输出这对我来说很好看：

It's not clear what you want the result to look like, but the output of this looks OK to me:

<div class="list-group">
    <a href="#demo6" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">Gallaries</a>
    <div class="collapse" id="demo6">
        <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Shridharani Gallery<i class=" fa-caret-down"></i></a>
        <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Triveni Gallery<i class=" fa-caret-down"></i></a>
        <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Sculptor Court<i class=" fa-caret-down"></i></a>
        <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Open Air Gallery<i class=" fa-caret-down"></i></a>
        <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Garden Gallery<i class=" fa-caret-down"></i></a>
    </div>
</div>

http://jsfiddle.net/xtw2h4wj/ [ ^ ]

You can remove borders by declaring border to none , in style element. Please see below

<h2>Basic List Group</h2>
  <ul class="list-group">
    <li class="list-group-item" style="border: none">First item</li>
    <li class="list-group-item" style="border: none">Second item</li>
    <li class="list-group-item" style="border: none">Third item</li>
  </ul>

这篇关于如何从引导程序中的列表组项中删除边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！