Question

我有一个正确的HTML代码：

我希望在大屏幕\中画面上对齐左侧和下拉的标题以及右侧的ul（条形和趋势）。

我想对齐左侧的标题和下拉列表以及右侧的ul（条形图和趋势图），但这一次，下拉列表将位于下方，ul（条形图和趋势图）位于下拉列表下方，但两者均为这些应该是正确的。

我使用过嵌套行，无法获得正确的工作。如果我在代码中遗漏了某些内容，请告诉我。

Answer 1

我不完全明白你想要达到的目标（你的指示不明确），但请看下面的代码片段。这就是你想要的吗？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="row">
    <div class="col-md-4 col-sm-12 header pull-left" style="background: green">
	By Companies
    </div>
    <div class="col-md-8 col-sm-6 col-xs-12 pull-right"  style="background: blue">
    <div class="row inner_row">
		     <div class="col-md-6 col-sm-6 col-xs-12 margin">
            <select style="width:100%;">
                    <option>DropdownVal1</option>
                    
                </select>
        </div>
       
			 <div class="col-md-6 col-sm-6 col-xs-12 margin" style="background: orange">
            <ul class="nav nav-pills navbar-right" style="float:right;">
                <li>
                    <a>Bar Chart</a>
                </li>
		<li>
                    <a>Line Chart</a>
                </li>
            </ul>
        </div>
				
		</div>
    </div>

</div>

使用bootstrap将div和navbar对齐到右侧

1 个答案: