2014-03-13 51 views
1

我想獲得輸入文本後幫助跡象,雖然我只能設法得到它在未來的「線」如何獲得幫助符號輸入後,自舉3

這裏是我的代碼有:

<form role="form"> 
    <div class="form-group col-sm-3"> 
     <label class="" for="exampleInputEmail1">Email address</label> 
     <input class="form-control" id="exampleInputEmail1" placeholder="Enter email" type="email"> 
     <a href="#" data-toggle="popover" data-trigger="hover" data-html="true" data-placement="right" data-content="Help goes here"><strong>?</strong></a> 
     <label for="exampleInputPassword1">Password</label> 
     <input class="form-control" id="exampleInputPassword1" placeholder="Password" type="password"> 
     <button type="submit" class="btn btn-default">Submit</button> 
    </div> 
</form> 

和bootply:http://www.bootply.com/121600

+0

你的意思是在文本框內? – Muhammed

+0

@bboymaanu沒有,文本框後。 –

回答

1

一種方法是來包裝輸入和它的文本鏈接list-inline ..

<form role="form"> 
    <div class="form-group col-sm-3"> 
     <label class="" for="exampleInputEmail1">Email address</label> 
     <ul class="list-inline"> 
      <li><input class="form-control" id="exampleInputEmail1" placeholder="Enter email" type="email"></li> 
      <li><a href="#" data-toggle="popover" data-trigger="hover" data-html="true" data-placement="right" data-content="Help goes here"><strong>?</strong></a></li> 
     </ul> 
     <label for="exampleInputPassword1">Password</label> 
     <input class="form-control" id="exampleInputPassword1" placeholder="Password" type="password"> 
     <button type="submit" class="btn btn-default">Submit</button> 
    </div> 
</form> 

http://www.bootply.com/121629