Making a search bar adjust to the size of the screen

I need to make my search bar static but one side adjust to the browsers width. Just like the one on YouTube. Is their any way to easily achive this? If not how could i just make my search bar remain centered on my screen?
(I am using bootstrap 3 for my site)
Edit fiddle - JSFiddle

<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<style>
</style>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-xs-6">
            <form>
                <div class="input-group">
                    <input type="text" class="form-control " placeholder="Text input">
                    <span class="input-group-btn">
                    <button type="submit" class="btn btn-search">Search</button>
                    </span> </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>

Similar Messages

  • Removing the search bar whilst keeping the address bar?

    I've been using Firefox but since updating to SL I'm wanting to go back to Safari. In previous versions I would remove the search bar and keep the address bar, (as I do in all browsers because I don't use the search bar, instead I search via keywords in the address bar), but that doesn't seem to be possible any more.
    Why has Apple decided to join the two bars together!? It's random and really annoying.
    Is there any way I can get rid of the search bar but keep the address bar?

    It's hard to please everyone. Apple are obviously more than happy with the interface of Safari 4 at the moment and that is reflected in the millions upon millions of downloads of it, both for OSX and for Windows. These forums only represent issues from a very miniscule percentage of users who are having some issue or dislike some aspect of the software. You will find very few positive comments here as it is a troubleshooting and support forum. This is the first time I have heard anybody complain about this feature (or lack of) so it may well pay to send it through to Apple via the Bug reporter up in your right top corner of the browser.
    Cheers

  • Typed search bar entries are the same for each tab. How can I keep new searches different in each tab without retyping?

    How do I associate typed search bar entries specifically with the current tab only?
    Currently, when I type an entry into the search bar it shows up in the search box of every tab open. If I switch to a different tab, there it is. I want to switch tabs and be able to have my last search in that tab still appear, not the typed entry of a prior tab appear. Because when I switch back to a different tab I want to be able to resume with that search without retyping it each time.

    Use the about:home page or the Google website to do searches if you want separated search bars.<br />
    The search bar on the Navigation Toolbar is part of the user interface and is the same in all tabs in a specific window.<br />
    You can open separate windows if you want a different search bar on the Navigation Toolbar or use the location bar to search.

  • Recently when I search for things in the top right search bar in iTunes, the results show up but I cannot click on them. Any ideas on how to fix this?

    Recently when I search for things in the top right search bar in iTunes, the results show up but I cannot click on them. Any ideas on how to fix this?

    Go to this address: http://mycroft.mozdev.org/search-engines.html?country=AU
    Item 24 lists 3 installable major search engines for Australia.
    You can also restrict your search in Google by including ''country:au'' or ''location:au'' or ''city:perth'' (for example) in your search terms. Example: ''city:sydney plumbers'' in the Google search box will list plumbers in cities named sydney.

  • How do I switch the Search Bar back to the previous version?

    Using the newest update of Firefox has given me a new searchbar, one where I can't switch search engines quickly, instead having to go into a menu to do so. This is detrimental to me since I use the search suggestions of each search engine I have installed. I cannot do that anymore. How do I switch the search bar back to the previous version?

    OMG! Th♥nk y♥u!!! Worked perfectly.
    That was royally getting up my nose.

  • Randomly a blue bar scans across the screen when apps are open, how can I stop that?

    After updating a blue bar scans across the screen. It does it in most of my apps and even when viewing my pix. This never happened before the latest update I installed. It's very annoying. Does anyone have an idea to stop this blue bar?

    I have a very strong feeling that this has something to do with the government requesting the data of 5,000 apple customers. This blue bar scans my screen too coincidentally. While Im on my facebook messages, text messages, recent calls, even on snapchat. On the other discussion, people have cleared their whole phone and it still happens. Your best shot would be calling Apple

  • HT2490 How do I make the top tab bar stay on the screen all the time

    How do I make the top bar stay on the screen all the time?

    "Top tab bar"?
    The top of the screen is where the applications menus appear on the left and system icons (time, volume. etc) appear on the right side.
    This entire area is "covered over" when you enter into "Full Screen" mode. You can expose it while still in full screen by moving your cursor over the area.

  • My computer is making a weird beeping noise and the screen is black. What should I do?

    My computer is making this weird beeping noise and the screen is black. What should I do?

    http://support.apple.com/kb/HT5860

  • When I am using the browser for a while and try to use ANY search bar and hit the "search" button it does a whopping NOTHING is there anyway of keeping this from happening?

    Whenever I am using Firefox mobile - either regular, beta or aurora and go to search for something like through the Google search page and attempt to search for something the search bar does nothing and hitting the enter button instead doesn't do anything either. Is there a way to keep this from happening?

    Hi and thanks to not leaving the firefox user alone.
    Cor-el your answer is right as the madperson is and I already knew all these
    answer and I said that before I don’t use any antivirus and I always turn off my firewall from the moment I installed my Windows.
    I even turn off any automatic update for any of my software and I never let any unknown plugins or any thing like that be install without informing me. And if you know some things like Offline Storage and cookies must be to much more than usual and you have to clear them and delete them and I know so much more
    And if you want to know it fixed now. But I don’t know how?
    For understanding my problem read and research about Ixplorer.exe virus it is the same problem about the speed but the different is it doesn’t show any process in task manager like Ixplorer.exe virus
    Bt I have done some things but still I don’t know that’s why it is fixed or not
    First: I searched my system and removed any files have been crated on my system from two days ago since the problem happened.
    And then I used to go about the article in this page and did like this:
    http://answers.yahoo.com/question/index?qid=20080910101846AAazxN5
    but still I don’t know any thing about the problem.
    I can do so many things to fix but I am just curios if that is a virus why it just cut the speed when I am using the browser.
    Please if any one found the reason send me your information I like to know it will improve my knowledge however my problem is solved fro now.

  • IR Search bar display on the right when no data found

    How do I get the Interactive Search bar to be left justified when no data is found. I'm using Sand 10 Theme, and the region my interactive report is in is Page Template Region Position 3
    Does anyone have a suggestion on this?
    Edited by: deandyno on Aug 22, 2011 12:31 PM

    deandyno wrote:
    How do I get the Interactive Search bar to be left justified when no data is found. I'm using Sand 10 Theme, and the region my interactive report is in is Page Template Region Position 3
    Does anyone have a suggestion on this?Have you actually considered where Region Position 3 is located on the page? Content in regions that are located on the right tends to be displayed on the right.
    From the dimensions specified in the page templates it's also clear that region position 3 is intended to be used for narrower content than the average interactive report.
    Consider using either a more appropriate region position or a different theme (theme 10 is ugly as sin anyway).

  • How do I get my google search bar back in the middle of my page insead of the Blank searh engine that is on my start up page now

    Before I did the last upgrade with Firefox, I had the Google search bar in the middle of my start page. Now , after the upgrade, my Google search bar is up on a tool bar at top of the page and the when you type something in the large Firefox box in the middle of the page does nothing even though it has the Search box to the right of it. The restore last session is under that. I just have a large box in the middle of start page that does nothing. I wish that was my Google search box again.

    ''Restoring Google Search page as the home page''
    What you are looking at on the web page is a '''search form''', not a search bar. Mozilla changed the default home page to '''about:home''' which is supposed to be faster because it is on your computer, but they piled on a few ornaments. There is a space which is essentially advertising space for Mozilla, or to tell you that you have a previous session available below the search form area.
    You can replace that page with a real Google Search page http://www.google.com which like other Google pages has links at the top to other Google applications and tells you if you are logged into Google such as for GMail.
    "Alt" > Tools > '''Options''' > General >
    :When Firefox starts: "Show my homepage":
    :Home Page: http://www.google.com
    :Press "Ok" at the bottom of the options window.
    Specific information on installing a home page is in
    :http://support.mozilla.com/en-US/kb/How%20to%20set%20the%20home%20page
    ''Some problems with terminology''
    The '''search bar''' is part of your toolbars and you can bring up any search engine you want in it.
    Google has their own "Google Toolbar" extension, which you would do well to avoid.
    The large empty space on the '''about:home''' default home page, is to tell you that you have a previous session available. You don't need that notification you can bring up your "Previous Session" from the History menu, and after that you can bring up previous windows (or all of them also from same History menu).
    In fact if you would like to see the notification at the end of your session, enabling you to restore your current tabs see item #31 (#tabslost) in the following: ...
    You can make Firefox '''Firefox 5.0''' look like Firefox 3.6.18, see numbered items 1-10 in the following topic [http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface Fix Firefox 4.0 toolbar user interface, problems (Make Firefox 5.0, or 4.0.1, look like 3.6)]. ''Whether or not you make changes, you should be aware of what has changed and what you have to do to use changed or missing features.''
    ''If this answers your question please mark it as solved -- to remove from the unresolved problems.''

  • I have a Yahoo search bar next to the Url location bar. I would like to get rid of it. How?

    When I downloaded Firefox 4 this morning, I ended up with a Yahoo option for search on the tool bar next to the URL location space. I don't want the Yahoo search option and can't figure out how to get rid of it. I have read all the suggestions without help. I am running Windows 7.

    Reply: Cor-el > Excellent!! Thank You. In Tools, Add Ons, Extensions there was a Default Tab enntry which was the culprit. Am running W7 so the XP Tools, Options, Advanced , Use Hardware acceleration when available, wasn't of much help here, however I did fix a problem on another computer running XP with that same fix. Thank You very much! HD

  • Why is the search bar blue and the text not showing up?

    This started today but I had this problem in the past prior to the last Firefox update. Whenever I click on the search bar, it highlights with a blue background and none of the text shows. So if I make a mistake, I cannot see it.
    Firefox did this the time you updated and it crashed every time I did anything. Your last update seems to have solved the chrashing, but the blue bar with NO text is back.

    I read that somewhere yesterday so I went into Constant Guard and turned it off for 15 minutes. The highlighted blue box went away. I turned it off and problem is gone.

  • Lost My Google search Bar After Installing the Latest Updates

    Lost the google search tool Bar In Safari After Installing The Latest Update.

    zesty1 wrote:
    Why has Apple done this, it is a step backwards in my view.
    The separate search bar was very very useful. Some of us, as can be seen from these discussion forums
    find it highly desireable
    Apple Techs' if you read this here is my plea
    PLEASE PLEASE PLEASE, Put the tool back.
    Thanks
    Zesty
    Yes, it confuses a handful of you. Just not the other 3 million plus users who downloaded it. Maybe tell Apple instead of yelling at we other users.
    http://www.apple.com/feedback/macosx.html
    ps. googled that in 2 seconds in main search bar.
    Cheers
    Pete

  • I sthere any way to complete uninstall the "manage search bar" option from the right side?

    I found this option very annoying. I want to uninstall the "manage search bar"utility completely from my Firefox.

    My version of Firefox Mozilla, 3.6.3, for Windows XP SP2, shows on the "Navigational Toolbar", back and forward buttons, reload, cancel and home buttons, followed by the address bar, where you can writer web addresses, and on the right side, I have this utility, "Manage Search Engines", that looks like another address bar. I want to uninstall it completely. I don't see how I can do that. I mean, keep all the buttons intact, the address bar intact, and get rid of this tool. Thanks again.

Maybe you are looking for

  • Export to Excel Don't work

    Hello Experts, The transaction code ZPP_COVERAGE no longer displays data in Excel format - we can still get it to export, but the resulting format is much different than when you just click on the Excel Icon on the application tool bar. Any help will

  • Should i buy another soundca

    hey there I have posted a few days ago and i still had no answer from a mod or admin.. the problem is.. Do i buy a M-Audio Delta 00 or i can keep my audigy? I really need an answer on the next question so if you CAN'T answer or if my question is not

  • Controlling and directing a repeat loop

    I thought I was getting the hang of applescript, but have been working on this one for a few days to no avail...must be an easy solution and I just don't see it. Anyway... I have a set of data in Excel that I have successfully read into a list and am

  • Suggestion to draw a line between two points...

    I have the XYZ position of 2 points, I would like to draw a line between those points. I have tried with a cylinder and it did not work as I expect...I guess a better method exist in Java3D... Do you have any suggestions?? thanks Pete

  • 'conversion failure' message

    I get a 'conversion failure' message when I try to export a pdf file. The file has not been processed. An error has occurred which stopped the processing of the PDF. - How can I resolve this error?