Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应引导表单按钮内联_Javascript_Reactjs_Bootstrap 4_React Bootstrap - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 反应引导表单按钮内联

Javascript 反应引导表单按钮内联

javascript reactjs bootstrap-4

Javascript 反应引导表单按钮内联,javascript,reactjs,bootstrap-4,react-bootstrap,Javascript,Reactjs,Bootstrap 4,React Bootstrap,有没有办法添加类似的内容 （内联搜索表单）在引导中？您可以这样做： <form class="form-inline my-2 my-lg-0"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit"><i class="fa fa-search"></i></button>

有没有办法添加类似的内容

（内联搜索表单）在引导中？

您可以这样做：

<form class="form-inline my-2 my-lg-0">
  <button class="btn btn-outline-success my-2 my-sm-0" type="submit"><i class="fa fa-search"></i></button>
  <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
</form>
使用React引导：
库中的图标

比以前好多了！但当我进入移动视图时，按钮仍在窗体下方