Ask Your Question
0

What is the process to include a button next to the search box in a Bootstrap 3 table?

asked 2023-05-08 20:39:10 +0000

david gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted
2

answered 2023-05-08 20:59:02 +0000

djk gravatar image

To include a button next to the search box in a Bootstrap 3 table, follow these steps:

  1. Add a parent div with the input-group class:
<div class="input-group">
  1. Add the search box input element with the form-control class inside the div:
<input class="form-control" type="text" placeholder="Search...">
  1. Add the button span element with the input-group-btn class after the input element:
<span class="input-group-btn">
  <button class="btn btn-default" type="button">Go</button>
</span>
  1. Close the parent div:
</div>

The complete code would look like this:

<div class="input-group">
  <input class="form-control" type="text" placeholder="Search...">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go</button>
  </span>
</div>
edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer


Question Tools

Stats

Asked: 2023-05-08 20:39:10 +0000

Seen: 19 times

Last updated: May 08 '23