引導形式必填字段

我有一個引導的形式是這樣的：引導形式必填字段

<div class="container"> 
    <form class="form-horizontal"> 
     <div class="form-group"> 
      <div class="col-xs-2 text-right"> 
       <label class="control-label">Name</label> 
      </div> 
      <div class="required col-xs-10" > 
       <input class="form-control" type="text" /> 
      </div> 
     </div> 
    </form> 
</div>

現在需要的名稱字段，所以我想它旁邊顯示星號。我試過這個：

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

但它顯示在輸入下，而不是在它旁邊。我怎樣才能解決這個問題？ JSFiddle：http://jsfiddle.net/Dc5yw/

來源

2014-04-09 lunr

你想*旁邊的文本名稱或旁邊輸入？ –

它應該在輸入旁邊。 – lunr

減小輸入字段的寬度form-control並將float:left添加到此。

檢查fiddle

CSS改變

.required:after { 
    content: "*"; 
    padding-left:1%; 
} 

.form-control{ 
    width:97%; 
    float:left; 
}

來源

2014-04-09 06:45:06 James

DEMO

CSS

.col-xs-10 { 
    position:relative; 
} 
.required:after { 
    content:" *"; 
    position: absolute; 
    top: 0; 
    right: 5px; 
}

來源

2014-04-09 06:49:04

沒有改變以前的CSS只是額外的位置：相對; on .col-xs-10 –

Ç嘿這個小提琴這將解決你的問題。

http://jsfiddle.net/Dc5yw/1/

改變這種

<div class="required col-xs-10" > 
<input class="form-control1" type="text" /> 
</div>

來源

2014-04-09 06:50:00

.required::after { 
content: "*"; 
position:absolute; 
right:0px; 
top:10px; 
}

檢查這個JSFiddle

側面說明：:after是舊的語法，現在是::after

來源

2014-04-09 07:02:04

-1

在HTML

<div class="form-group required"> 
 
    <label class="col-md-4 control-label" for="textinput">Name</label> 
 
    <div class="col-md-4"> 
 
     <input id="textinput" name="textinput" placeholder="Your name" class="form-control input-md" required="" type="text"> 
 
           
 
    </div> 
 
</div>

來源

2015-04-20 12:04:55

這會在用戶詢問在輸入字段旁邊顯示星號時添加所需的參數。請始終在您的答案中包含您的代碼的詳細說明，以便提供幫助 – Bowdzone

這不能解決OP的問題。 – Matt

引導形式必填字段

回答

相關問題