html - 试图在 Bootstrap 中居中下拉菜单和图标
问题描述
我正在学习 Bootstrap,现在我正在尝试将下拉菜单和图标居中放置在页面中间。我正在使用网格系统,但没有运气。有人可以帮忙吗?
<h1 style="text-align:center;" class="text-left">Joeys Pizza</h1>
<div class="row">
<div class="col-lg-7">
<select id="mySelect" title="Select a different week">
<option value="Option1">Option 1</option>
<option value="Option2">Option 2</option>
<option value="Option3">Option 3</option>
<option value="Option4">Option 4</option>
</select>
</div>
<div class="col-lg-5">
<i class="fa fa-print" style="font-size:24px"></i>
</div>
</div>
解决方案
我不确定你想要什么。但我的理解是你想要居中下拉和图像。
检查这个...
<h1 style="text-align:center;" class="text-left">Joeys Pizza</h1>
<div class="row">
<div class="col-lg-1"> </div>
<div class="col-lg-5 text-right">
<select id="mySelect" title="Select a different week">
<option value="Option1">Option 1</option>
<option value="Option2">Option 2</option>
<option value="Option3">Option 3</option>
<option value="Option4">Option 4</option>
</select>
</div>
<div class="col-lg-5 text-left">
<i class="fa fa-print" style="font-size:24px"></i>
</div>
<div class="col-lg-1"> </div>
</div>
推荐阅读
- c# - Azure Function App Project 的 Visual Studio Code (Windows OS) 中的 C# 未显示触发器列表
- laravel - Laravel 中的 Excel 验证
- functional-programming - 球拍:将字符串替换应用于列表
- python - 根据另一列的条件对一列应用分组依据
- java - 如何在 JUnit5 中模拟 MapStruct 嵌套映射器
- apache-spark - Spark Left directjoin(on/off) 产生不同的结果
- xml - Google Appscript,获取 API XML 并获取孩子的孩子
- postgresql - Postgres 排除在不同表中使用 gist
- ruby-on-rails - Rails 为 public_file_server 配置回退
- ios - iTunesconnect.apple.com 上未显示“活动”选项卡