使文本和下拉列表一起内联引导

时间:2019-03-20 09:33:44

标签: html

The text and drop down are not neat我正在尝试在同一行中同时包含文本和下拉列表。但是,当我添加下拉列表时,文本位置发生了变化,看起来很奇怪。请有人帮我。

 <div class="row">
      Sort By: 
<select    name="services" class=' col-md-4 form-control' id="services" >
<option value ="none">Nothing</option>
<option value ="guava">Guava</option>
<option value ="lychee">Lychee</option>
<option value ="papaya">Papaya</option>
</select>
   </div>

3 个答案:

答案 0 :(得分:0)

您可以为此使用选择多个,如果您不想允许多个选择,可以进行js修复以仅选择一个选项

LisView
#services
{
  width: 220px;
  height: 24px;
}
#services option
{
  display: inline-block;
}

答案 1 :(得分:0)

您可能是指它们未正确垂直对齐。可以通过确保同时拥有列表和标签来轻松解决此问题: schedule_once,具体取决于您的需求。

答案 2 :(得分:0)

我认为您只需要引导程序的import re Messy_Dict= \ { 'name': "['\\r\\n NASDAQ: BKEP\\r\\n ']", 'underlying': "['1.12']", 'strike_prices_list': ["['2.50'", " '5.00'", " '7.50']"], 'call_bid': ["['\\r\\n0.05 '", " '\\r\\n0.00 '", " '\\r\\n0.00 ']"], 'put_ask': ["['\\r\\n2.10 '", " '\\r\\n4.50 '", " '\\r\\n7.00 ']"] } regexstr = "\\\\(r|n)|\s|\[|\]|\'|NASDAQ:" dict_clean = {} for k, v in Messy_Dict.items(): if isinstance(v, list): list_clean = [] for el in v: el_clean = re.sub(regexstr, "", el) list_clean.append(el_clean) dict_clean[k] = list_clean else: dict_clean[k] = re.sub(regexstr, "", v) dict_clean 类即可进行垂直对齐。
试试这个:

ssh -N -L localhost:8888:localhost:8889 ubuntu@ec2-18-222-172-3.us-east-2.compute.amazonaws.com

P.S。同样,在使用引导程序时,始终将您的内容放在my-auto-s而不是<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="row"> <div class="col-auto my-auto"> Sort By: </div> <div class="col"> <select name="services" class='form-control' id="services"> <option value="none">Nothing</option> <option value="guava">Guava</option> <option value="lychee">Lychee</option> <option value="papaya">Papaya</option> </select> </div> </div> </div>-s中。如documetnation所说:

  

在网格布局中,内容必须放置在列中,并且只能   列可能是行的直接子代。