Question

我是Bootstrap / CSS的新手，我想知道为什么Bootstrap类的每个更改都只能运气。这件事发生在我身上，所以任何提示都可以很棒。

示例：

左侧没有下拉，中间有一些文字 - 在同一行。

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>

<div class="panel panel-info">
       <div class="dropdown" style="align-content: center">
                <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
                    <span class="caret"></span></button>
            </div>
            <div class="text-left">Contacts</div>
</div>

Answer 1

.center {
     float: none;
     margin-left: 500px;
	 display: inline-block;
}

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>

<div class="panel panel-info">
       <div class="dropdown" style="align-content: center">
					
					<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
                    <span class="caret"></span></button> <h1 class="span7 center"> Contacts </h1>
</div>
</div>

<div class="panel panel-info">
   <div class="dropdown" style="align-content: center">
            <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
                <span class="caret align-left"></span>Contacts</button>
        </div>

你是这样问的吗？执行上面的代码将结果显示为左侧有下拉列表的按钮和一些文本。请检查并恢复。

更改自举位置/填充没有任何影响

1 个答案: