代码之家  ›  专栏  ›  技术社区  ›  Maverick Sachin

引导3拆分下拉按钮创建

  •  0
  • Maverick Sachin  · 技术社区  · 6 年前

    我正在尝试为我的Django网站创建一个拆分下拉按钮,我正在使用Bootstrap 3。以下是我的代码:

    <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <li>
        <div class="btn-group">
        	<button type="button" class="btn btn-default navbar-btn">Action</button>
        	<button type="button" data-toggle="dropdown" class="btn btn-default navbar-btn dropdown-toggle"
        				aria-haspopup="true" aria-expanded="false">
        		<span class="caret"></span>
        		<span class="sr-only">Toggle Dropdown</span>
        	</button>
        	 <ul class="dropdown-menu">
        		<li><a href="#">Action</a></li>
        		<li><a href="#">Another action</a></li>
        		<li><a href="#">Something else here</a></li>
        		<li role="separator" class="divider"></li>
        		<li><a href="#">Separated link</a></li>
        	</ul>
        </div>
    </li>

    enter image description here

    一个小时后我就被这个问题困住了。我在这里做错什么了?为什么分割箭头显示不正确?

    1 回复  |  直到 6 年前
        1
  •  0
  •   Lalji Tadhani    6 年前

    我想你的另一个CSS冲突,我已经添加了demo check

    你的密码是真的

    <div class="btn-group">
            <button type="button" class="btn btn-default navbar-btn">Action</button>
            <button type="button" data-toggle="dropdown" class="btn btn-default navbar-btn dropdown-toggle"
                    aria-haspopup="true" aria-expanded="false">
                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Separated link</a></li>
            </ul>
        </div>
    

    https://jsfiddle.net/lalji1051/5yoe2uz1/2/