?
Solved

Bootstrap input box width

Posted on 2016-11-25
2
Medium Priority
?
100 Views
Last Modified: 2016-11-25
I have a bootstrap group what has a textbox and a button.  I would like to remove the button.  But when I do,  the textbox width decreases greatly.  What I would like to happen is for the textbox to expand to take up the space that was occupied by the removed button.

The following is the html fragment (hopefully sufficient to address the problem):
    <div class="input-group">
      <input type="text" id="txtSearchSelectedPeopleSlide" class="form-control" name="field1" placeholder="This is Readonly input" readonly/>
          <div class="input-group-addon"><a href="#" onClick="SearchRequest(); return false;" class="">Go</a></div>
    </div>    
    

Open in new window

0
Comment
Question by:Howard Bash
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 10

Accepted Solution

by:
Prasadh Baapaat earned 2000 total points
ID: 41901980
<div class="input-group">

remove the class from above tag, so it should be only as below:

<div>
0
 
LVL 1

Author Comment

by:Howard Bash
ID: 41901982
Thanks!
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Suggested Courses

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question