开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在iPhone6中并排显示两个元素？

问如何在iPhone6中并排显示两个元素？
EN

Stack Overflow用户

提问于 2017-01-28 19:25:29

回答 1查看 180关注 0票数 1

我有一个小的Bootstrap 4表单，其中一行包含下拉菜单、搜索框和两个按钮。当我在iPhone 6中查看页面时，我看到GO按钮位于搜索框的下方。如何在同一行中同时具有搜索和转到按钮？

Plnkr链接是https://plnkr.co/edit/uJk6iE6NjBEXGcM2vhqT?p=preview

<div class="container">
        <form class="form-inline">
            <div class="row">
                <div class="col-md-3 hidden-md-down">
                    <select class="custom-select">
                        <option selected>Sort by</option>
                        <option value="1">First Name</option>
                        <option value="2">Last Name</option>
                        <option value="3">Salary</option>
                    </select>
                </div>
                <div class="col-md-6">
                    <input class="form-control" type="text" data-action="grow" placeholder="Search">
                    <button class="btn btn-primary" type="button">
                        <span class="icon icon-magnifying-glass">GO</span>
                    </button>
                </div>
                <div class="col-md-3 hidden-md-down float-right">
                    <button type="button" class="btn btn-pill btn-success">Add</button>
                </div>
            </div>
        </form>
    </div>

twitter-bootstrap

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-28 19:49:20

有关input group的更多信息，请阅读文档here

尝尝这个

HTML：

<div class="input-group">
  <input class="form-control" type="text" data-action="grow" placeholder="Search">
  <span class="input-group-btn">
     <button class="btn btn-primary" type="button">
           <span class="icon icon-magnifying-glass">GO</span>
      </button>
  </span>
</div>

票数 2

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41913891

复制

相关文章

如何在VimVi中显示行号

Vim/Vi是许多软件开发人员和Linux系统管理员首选的文本编辑器。默认情况下，Vim不显示行号，但可以轻松打开它们。Vim支持三种行编号模式，可帮助你浏览文件。除了标准的绝对行编号之外，Vim还支持相对行和混合行编号模式。绝对行号绝对行号是标准行号，它在每行文本旁边显示适当的行号。要激活行编号，请设置数字标志：按Esc键切换到命令模式。按:（冒号），光标将移动到屏幕的左下角。输入set number或set nu，然后按Enter。 :set number 行号将显示在屏幕的左侧：要禁用

入门笔记

2022/06/02

3.6K0

如何在Selenium WebDriver中查找元素？（二）

网站 xslt & xpath 编程算法 selenium

在我们的测试自动化代码中，我们通常更喜欢使用id，名称，类等这些定位符。但是，有时我们在DOM中找不到它们中的任何一个，而且有时某些元素的定位符在DOM中会动态变化。在这种情况下，我们需要使用智能定位器。这些定位器必须能够定位复杂且动态变化的Web元素。

用户7466307

2020/06/24

3K0

如何在Selenium WebDriver中查找元素？（一）

网站 css xslt & xpath selenium

有多种方法可以唯一地标识网页中的一个Web元素，例如ID，名称，类名，链接文本，部分链接文本，标记名和XPATH。

用户7466307

2020/06/24

6.1K0

LaTeX两张图并排显示

切记\subfigure之外如果加了\centering两幅图就不会并列了，需要加在\subfigure之内。

SL_World

2022/05/06

4K0

Confluence 如何在页面中显示目录

在默认情况下，Confluence 是不能在页面中显示目录和当前页面中的内容导航的。

HoneyMoose

2021/12/14

2K0

Confluence 如何在页面中显示目录

在默认情况下，Confluence 是不能在页面中显示目录和当前页面中的内容导航的。

HoneyMoose

2022/01/11

2.5K0

Confluence 如何在页面中显示目录

如何在 React 中获取点击元素的 ID？

在 React 应用中，我们经常需要根据用户的点击事件来执行相应的操作。在某些情况下，我们需要获取用户点击元素的唯一标识符（ID），以便进行进一步的处理。本文将详细介绍如何在 React 中获取点击元素的 ID，并提供示例代码帮助你理解和应用这个功能。

网络技术联盟站

2023/06/07

3.6K0

Linux小技巧：如何在 Vim 中显示行号？

Vim 是一款出色的编辑器，大多数 Linux/UNIX 系统管理员每天都喜欢并使用它。

网络技术联盟站

2022/03/02

11.5K0

Linux小技巧：如何在 Vim 中显示行号？

【Java入门】交换数组中两个元素的位置

java 编程软件开发

在Java中，交换数组中的两个元素是基本的数组操作。下面我们将详细介绍如何实现这一操作，以及在实际应用中这种技术的重要性。

努力的阿飞

2023/09/14

3770

如何在 JS 中的数组开头添加元素?

代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。

前端小智@大迁世界

2021/03/02

9.7K0

jQuery 追加元素的方法如append、prepend、before

jQuery after() 方法在被选元素之后插入内容。 jQuery before() 方法在被选元素之前插入内容。实例

用户5640963

2019/07/28

1K0

如何在遍历的同时删除ArrayList 中的元素

编程算法 java

我们说不能在foreach 中进行，但是使用普通的for 循环还是可以的，因为普通for 循环并没有用到Iterator 的遍历，所以压根就没有进行fail-fast 的检验。 List<String> userNames = new ArrayList<String>() {{ add("Hollis"); add("hollis"); add("HollisChuang"); add("H"); }}; for (int i = 0; i < 1; i++) { if (userNames.get(i).equals("Hollis")) { userNames.remove(i); } } System.out.println(userNames); 这种方案其实存在一个问题，那就是remove 操作会改变List 中元素的下标，可能存在漏删的情况。

小马哥学JAVA

2022/11/21

3.8K0

元素的显示与隐藏

display hidden overflow scroll visibility

在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。

星辰_大海

2020/09/30

4.4K0

两个元素定位，要求子元素垂直居中

<!DOCTYPE html> <html> <hed> <meta charset="utf-8"> <title></title> <style> /*普通定位*/ #div1{ width: 598px; height: 498px; margin: 20px auto; background: gray; padding: 1px; } #inner_div1{ width: 200px; height: 150px; background: ghostwhite

前朝楚水

2018/04/02

9620

【CSS】标签显示模式 ② ( 行内元素 | 行内块元素 )

css 图片标签容器表单表格

为 span 标签设置的宽高都是无效的 , 设置的 200 x 200 像素的宽高 , 显然没有成功 , 行内元素的宽高只取决于元素本身的宽高 ;

韩曙亮

2023/03/30

1.6K0

【CSS】标签显示模式 ② ( 行内元素 | 行内块元素 )

如何在 MySQL 中显示所有的数据库

shell 数据库云数据库 SQL Server sql

MySQL 是最流行的开源关系数据库管理系统。本教程介绍如何通过命令行显示 MySQL 或 MariaDB 服务器中的所有数据库。

星哥玩云

2022/08/18

10.5K0

如何在 MySQL 中显示所有的数据库

JavaScript像数组添加元素并排序「建议收藏」

编程算法 java https 网络安全

所以我们只需要对数组进行排序即可因为在使用中，我们的数据肯定是从后台生成传到前台来的，所有一起介绍动态向数组中添加数据

全栈程序员站长

2022/08/15

7930

JavaScript像数组添加元素并排序「建议收藏」

解决 WordPress 中连续两个减号的显示问题

wordpress 网站建设

在 WordPress 中，经常遇到在后台添加新文章时，在内容中输入连续两个减号“–”，但在前台显示时，被转换成了破折号。

魏杰

2022/12/23

7560

解决 WordPress 中连续两个减号的显示问题

如何在 Bash Shell 脚本中显示对话框

这个教程给出几个如何使用类似zenity和whiptail的工具在Bash Shell 脚本中提供消息/对话框的例子。使用这些工具，你的脚本能够告知用户当前程序运行的状态并能与用户进行交互。这两个工具的不同之处在于显示消息框或者对话框的方式。Zenity用GTK工具包创建图形用户界面，而whiptail则在终端窗口内创建消息框。

哲洛不闹

2018/09/14

2.7K0

如何在 Bash Shell 脚本中显示对话框

点击加载更多

相似问题

如何在HTML中并排显示两个元素？

55

在html中并排显示两个元素

283

如何在多维数组中并排显示元素？

10

用于并排显示两个元素的Css

42

居中两个元素，如“显示:无；”

13

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验