Bootstrap在输入文本框旁边放置星号

我使用的是引导网格系统，我想知道如何在没有太多间距的情况下在我的输入框（右侧）放置红色星号。将输入框显示为必需。Bootstrap在输入文本框旁边放置星号

我无法弄清bootstraps gird系统这样做。我试图把它作为标签，但它把它放在上面。作为一个跨度它把它放在下面。我怎样才能把这个恰好置于输入之后？

<div id="propertyidsearch"> 
     <div class="col-lg-3 required"> 
      <input type="text" name="searchValue" maxlength="2000" size="40" value="" class="form-control input-sm"> 
     </div> 
     <div class="col-lg-3"> 
      <button type="button" class="btn-u btn-default margin-bottom-10" id="name" name="name">OWNER NAME</button> 
     </div> 
     <div class="col-lg-3"> 
      <button type="button" class="btn-u btn-default margin-bottom-10" id="location" name="location">PROPERTY ADDRESS</button> 
     </div> 
     <div class="col-lg-3"> 
      <button type="button" class="btn-u btn-default margin-bottom-10" id="billingAddress" name="billingAddress">BILLING ADDRESS</button> 
     </div> 
    </div> 

.required:after{ 
    content:"*"; 
    color:red; 
}

来源

2017-02-27 David Brierton

我也试图把在课堂上输入的需要。我正在做与被标记为重复问题的内容相同的内容，所以只是寻找一些帮助让它工作的帮助。 –

只是试试我的答案，花花公子 – webeno

...或复制 – webeno

在Twitter的引导网格系统不仅为您的网页的整个宽度工作一次，但也内个别col块，即。一旦你定义了col-lg-3，那么你就会在该块内再增加12个col块，将空间分成12个小部分。按照你喜欢的方式使用它，即分割8-4（如下面的例子 - 我建议在完整页面视图中打开片段），或者任何其他的，只要确保它总共是12。

<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 id="propertyidsearch"> 
 
     <div class="col-lg-3"> 
 
     \t <div class="col-lg-8"> 
 
      \t <input type="text" name="searchValue" maxlength="2000" size="40" value="" class="form-control input-sm"> 
 
      \t </div> 
 
     \t <div class="col-lg-4"> 
 
      \t <span style="color:red;">*</span> 
 
      \t </div> 
 
     </div> 
 
     <div class="col-lg-3"> 
 
      <button type="button" class="btn-u btn-default margin-bottom-10" id="name" name="name">OWNER NAME</button> 
 
     </div> 
 
     <div class="col-lg-3"> 
 
      <button type="button" class="btn-u btn-default margin-bottom-10" id="location" name="location">PROPERTY ADDRESS</button> 
 
     </div> 
 
     <div class="col-lg-3"> 
 
      <button type="button" class="btn-u btn-default margin-bottom-10" id="billingAddress" name="billingAddress">BILLING ADDRESS</button> 
 
     </div> 
 
    </div>

你可以用它在这里玩：http://www.bootply.com/eV4qRJT14V

来源

2017-02-27 21:09:06 webeno

只是这样一个巨大的差距:( –

阅读我的编辑...你可以改变它为10-2例如，在这里玩它：http： //www.bootply.com/eV4qRJT14V – webeno

Bootstrap在输入文本框旁边放置星号

回答

相关问题