How you specify a different image per unit on progressive design?

I'm trying to put together a progressive page that would work on multiple devices and started first with the page 'phone' (320 px wide). When I go to the page of larger size, the "header_logo.jpg" looks blurry. Is it possible to have an image smaller for xs and small and then have a bigger picture and be used for other sizes?

Here is the code:

DOCTYPE html >

< html lang = "en" >

< head >

< meta charset = "UTF-8" >

< meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

< meta name = "viewport" content = "width = device-width, original scale = 1" >

< title > Renegades kitchen team < /title >

<!-"bootstrap"->

< link href = "css/bootstrap.css" rel = "stylesheet" > "

< link href = "css/phone.css" rel = "stylesheet" type = "text/css" > "

<! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >

<!-WARNING: Respond.js does not work if you view the page via file://-->

<!-[if lt IE 9] >

" < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .

" < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .

<! [endif]-->

< / head >

< body >

< div class = 'container-fluid' id = 'wrapper' >

"< img src =" images/header_logo.jpg"alt =" "width ="780"height ="350"class ="image-fill"/ >

< nav class = "navigation bar by default navbar rennav" >

< div class = "container-fluid" >

<!-brand and toggle get grouped together for better mobile display->

< div class = "bar navigation-header" >

< button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#defaultNavbar1" > < span class = 'sr-only' > toggle navigation </span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < / button >

< / div >

< div class = "navbar-collapse collapse" id = "defaultNavbar1" >

< ul class = "navbar-nav nav" >

< class li = "active" > < a href = "#" > about us < span class = "sr only" > (ongoing) </span > < /a > < /li >

< li > < a href = "#" > < /a > < /li > team members

< li > < a href = "#" > Subscriber packages < /a > < /li >

< li > < a href = "#" > insurers < /a > < /li >

< li > < a href = "#" > Photos < /a > < /li >

< li > < a href = "#" > contact us < /a > < /li >

< /ul >

< / div >

< div id = "indexmainContent" >

< h2 class = 'h2 renheader' > just us < / h2 >

< class p = "indexMainContent" > welcome to the < span class = "renegadestext" > </span > Renegades. This group of friends and family attended the Houston Livestock Show & amp; Championship Bar-B-Que Rodeo competition in the world since 1999. Of course, we know a little throw a big party with lots of good food, cold drinks and fun! "< /p > < class p ="indexMainContent"> < img src =" images/TEAM.jpg"alt =" "class ="indexteam"/ > like the team, the < span class ="renegadestext"> Renegades </span > booth has increased in recent years and is one of the largest cabins with a privileged location. We offer an atmosphere ideal for entertaining your children, friends, colleagues and even customers. After all, everyone knows the best thing to do in February must attend the Houston Livestock Show & amp; Rodeo competition at the World Championship Bar-B-Que. You must have a pass to enter, but once you cross the threshold in the < span class = "renegadestext" > </span > Renegades event, it's unlike any part of the parking lot you've seen before; a feast for your senses. & quot; If the lights are flashing to the more current sound of the country and pop hits played by our own < span class = "renegadestext" > </span > Renegades, disc jockey or the aroma of fresh BBQ tantilizing out of the pit, we have what you are looking for & quot; has said Karen Barber, Coordinator of the team. < /p > < class p = "indexMainContent" > there is still time for you to < a href = "#" > click here < /a > to join us as an insurer for the performance of 2016 < /p > < / div >

footer <>< class = "footer" p > copyright & copy; Renegades 1999 team kitchen. All rights reserved. < /p > < / footer >

<!-collect the nav links, forms, and other content to alternate->

<!-/ .navbar-collapse->

< / div >

<!-/ .container-fluid->

< / nav >

< / div >

<! - jQuery (necessary to Bootstrap JavaScript plugins) - >

"< script src="js/jquery-1.11.2.min.js "> < / script >

<! - include all the plugins compiled (see below), or include individual files to the need - >

< script src = "js/bootstrap.js" > < / script >

< / body >

< / html >

Thank you

John

http://GetBootstrap.com/CSS/#responsive-utilities

best,

Shocker

Tags: Dreamweaver

Similar Questions

  • In Lightroom, how you specify crop and resoiultion?

    I'm relatively new to Lightroom.  Am a photographer of football.  I used standard PhotoShop 10 years.  With it, using the navigation bar, I could easily specify an exact cropped to the image size (for example, 5 x 7 ", 8 x 10") AND resolution (for example, 300 dpi).  I know how to crop in Lightroom, but not in a specific size and know not how to specify my desired resolution.  Thanks for any help!  JG

    Hi Johng,

    Lightroom allows you to crop according to the aspect ratio, but not of a specific size.

    For more information on the tool of cropping in Lightroom:

    Crop a picture. Adobe Photoshop Lightroom CC tutorials

    Harvest and level | Adobe Photoshop Lightroom CC tutorials

    You will get an option to specify the resolution of an image in the dialog box export under sizing of the Image.

    Adobe Photoshop Lightroom Help | Export photos from Lightroom

    Lightroom 5 - image export. To get started with Adobe Photoshop Lightroom 5 | Adobe TV

    Hope this helps

    ~ UL

  • shows how to add a different image for my Christmas labels to halfway down the sheet

    I try to print my labels for Christmas. I use avery labels size 2 "x 4" and all of a sudden to halfway through the print job, another image is printed on the background of the sheet of labels.

    I have had it before and may not know how to solve this problem. I double checked to make sure that this additional picture is not in the bed of the scanner. How can I get rid of this unwanted addition of my labels. I also tried a different word document that has a different picture of Christmas in all sections of 10 labels and sometimes it prints correctly and sometimes he adds this piture inside cookie half as well.

    Why is my printer done? I'm wasting ink and these labels as well.

    Thanks for any help you can give me. I am including an analysis of the sheet of labels so you can see what I mean.

    GuideMe

    Welcome to the Community Forum of HP.

    It could be your template file which is trashed, in other words, your label template document itself could be the problem.  You need to maybe start over, in other words, create a new document from model to model appropriate size label size label.

    The latest version of the Avery software, which let you can indeed use, moved in recent versions of Word.  Most of each model you can buy is installed within the software:

    Avery Wizard for Microsoft® Office

    The document that results from (.doc / .docx) can be made to be put a blank label, to which you could add - manually, your little Clip Art Santas.  In fact, if you have created a blank label template (by clicking through the process of 'create' model), you can add a Clip Art or a different photo on each label.

    If for some reason, the software will not be installed in your Version of Office Word, I believe you can use the software online and then print the labels on your printer.

    =========================================================================

    You could also simply any reboots:

    Router, computer, printer - just restart everything and see if the "strangeness" clears.  It is less likely to help, but it really depends on where the problem lies.  The question might be a little communication problem between the printer and the queue of work - the printer needs to process the job once it is taken from the queue; Maybe is not read the file correctly.

    Click on the Thumbs - Up Kudos to show that you appreciate the help.

    Click on accept as Solution when the answer provides a fix or a workaround!

    Although I strive to reflect best practices of HP, I do not work for HP.

  • How you specify eclipse to use 32-bit java

    Hi all

    I am fairly new to the development of java application development and I can't pretend to be an expert on java, but I'd really like to start on this. I searched the forums but I can't seem to find a definitive solution to my problem.

    I understand that blackberry currently supports only 32-bit java and eclipse 32 bits. I'm running a 64-bit Windows 7 machine and I am trying to get this set-up.

    I know that the easiest way is to install these two on my machine, but as much as I always would also have java 64 bit on my machine. I currently have the 32-bit JDK and 64-bit JDK in different directories in my machine.

    Is it possible for me to specify what java to use when I develop my apps in Eclipse?

    Or I'll just get out of the track and there is actually a much simpler solution for this?

    IV tried to use a real operating system 32-bit, but it really worked for me because the default virtual gfx drivers cannot support simulators.

    Please advise!

    See you soon,.

    Ian

    You must specify the virtual machine in the eclipse.ini.

    Take a look at my one. I have the joint as a .txt (forum dislike the .ini files)

  • Make a button in a movieClip takes you to a different image outside the movieClip? (AS2)

    I have a project, a clip that contains panoramic text and a button.

    Basically, the second image contains said film clip, the movieClip is panoramic of text, then the last image of the movieClip is a keyframe with a button inside. How can I do so by clicking on the 'next' button takes me to frame 3 of the project overall? Thank you!

    Assign the button an instance name (example uses 'btnName'), then in the timeline that it occupies, put the code so he can tell the main timeline to go to the next section...

    btnName.onRelease = function() {}

    _root.nextFrame ();  or _root.gotoAndStop (3);

    }

    If "_root" does not try to substitute "_level0."

  • How to open two different images at the same time to work on it together please?

    Please help, I am at a loss to open the two images at the same time to work together on them. can someone help please

    I suspect that, in this point of you familiar with the functionality of Photoshop, you may prefer the following:

    Choose Preferences > Interface > and uncheck open as tabs Documents

    Then, when you open two images they both will appear on the screen.

    At a later time, you may want to work with her alternate: the tabs option.

  • How to specify the initial image when publishing swf

    I use Flash CS6 on a Mac, by creating banners web marketing on different websites of publication through a "clickTAG" button. When I publish my swf and a set of control and test html file, how choose the frame displayed before picture animation series? It usually displays a clumsy moment of a motion tween or an interpolation alpha until a mouse click starts the animation, then it shows the complete animation to the starting point. I would like the ability to choose the framework that is displayed in the waiting for a click.

    The link to Bass Player magazine show a leaderboard banner size full Compass just below the header, with a motion tween to a standstill at rest. I would like to show everything on stage as if it were a static file.

    It's a straight line to auto power off. Open your palette of code snippets and use it. Place it in its own layer called (Action Script) on top.

  • How you resize/reposition an image on a 3D object?

    Is it possible to resize and reposition an image on a 3D shape without affecting the shape itself, or is it just a trial and error process, according to the size and position of the image before you select new layer mesh?

    Adjust the size or position of a texture in 'change the UV properties... '. ». Note that increasing the UV scale will reduce the scale of a texture on an object and the texture will be tiled.

  • How you automatically geotag of images using the card

    I use a 6 d to create a GPS log, but I want pictures to geolocate of other cameras.  According to the manual and help files it should be an automatic way to place a geotag in these images based on their timestamp.  Unfortunately, I can't "fourth" icon on the lower left corner of the tab image so I can click on it - see page 12 of the manual for version 1.4 (this icon has a PIN & + with AUTO below).

    I have had several conversations with Canon and seems utility of Canon card will not automatically geo - tag images, so I switched to geolocate.  It was a bit difficult to get in the right seat (must also be GPSBabel and exiftool and dcraw either fully functional).  I also wrote a small C program to automatically run GPSBabel to convert the log of Canon in .gpx format file and then run geolocate.  Everything works pretty smooth now and done card utility should do.

    MuRF

  • How can I add (gather) two different images into a single image?

    Well, I'm creating a HTML element / CSS Web site. I have two logos that I need to add to the header areas of the Web page. I thought that creating a chart would contribute to this question. I want to be able to add two different images (logos) into a finished product. However, I am having some difficult understand how to combine two different images on the same workspace (tab).  The images would be out there with text in the middle of the space. I would use the 2015 Photoshop, does anyone have and ideas?

    If it was me I open one of the images then go to Image--> the canvas size.  Then expand TI (relative check) of several (12) inches in width and height (choose to anchor the part you want to stay where he is.)

    Open another image and drag it in the first.  Or select all and then copy / paste If you wish, you can you should now have two images in the same file/tab.  Everyone should be on different layers.  Use the move tool to position them how you want.

    Finally go to Image > Trim and leave the default values.  He must cut off all the excess.  Save in any format you want.

    I hope this helps.

  • How to specify the attributes of the argument in the script?

    In http://help.adobe.com/en_US/ColdFusion/9.0/Developing/WSE99A664D-44E3-44d1-92A0-5FDF8D82B5 5C.html #WSf01dbd23413dda0e-66bfe46b1200fb22099-7ffc, it is said:

    /** 
    *Comment text, treated as a hint.
    *Set metadata, including, optionally, attributes, in the last entries
    *in the comment block, as follows:
    *@metadataName metadataValue
    ...
    */
    access returnType function functionName(arg1Type arg1Name="defaultValue1"
    arg1Attribute="attributeValue...,arg2Type
    arg2Name="defaultValue2" arg2Attribute="attributeValue...,...)
    functionAttributeName="attributeValue" ... {
    body contents
    }

    How you specify arg1Attribute? I tried this:

    public void function setFirstname(string firstname="" displayName="first name"){}

    does not work.

    You can specify an attribute of the TRICK:

    /**

    @argname suspicion goes here

    */

    public string function myFunc (string name = "default") {}

    We can't specify a displayname property or other metadata for the good arguments.

    --

    Adam

  • ComboBox = different images

    [Embed(source="data/A.swf")]
    [Bindable]
    public var A: Class;

    < mx:Image id = "xx" source = "{A}" x = "0" y = "0" / >

    If I have a combo box and image, how can I reveal different images on the selection
    < mx:Image id = "xx" source = "{ComboBoxID.selectedItem}" = "0" XY = "0" / > does not work? "

    How about something like:
    [Bindable] var currentImage: Class;

    private void onChangeCombo(oEvent:Event):void
    var sImageId:string = oEvent.target.selectedItem.imgId;
    currentImage = this [sImageId];
    ...

    Tracy

  • How can you use a single image and change it in three different ways to export later?

    I am a new user of Lightroom 3.  How to use the same image and change several ways to produce multiple images of later export?  For example, I have a photo of a bride and groom.  I want to use this image and create a color image, a black and white image and end up with their hands.

    No, you can add them at any time.

  • Cannot specify a different location for multiple-image backups.

    I want to record several image files on an external drive (which can contain a large amount of data)... It was suggested to specify a different location for the second image... but when I run the process of backup image... first a screen shows my external drive where the image will be stored... but then the screens seem to just continue to do a backup. I don't see any place where I can change the location of the image... It keeps on the re-write on the last saved... image I think that maybe you can change the location of the regular backups... but not for the image file... its on another screen or buried somewhere... the help screen with "attention, images can be replaced" is meaningless for me... I thought he said that it would only replace old images if there is not enuf room on the disc.

    thanx

    Steve

    Hello bichon,

    Thanks for posting on the Microsoft answers Forum.

    Look at the post below which asked questions on images and backup locations.
    http://social.technet.Microsoft.com/forums/en/w7itprogeneral/thread/338e311d-c0fc-4c56-a4c2-b25a7028188b
    With this option, below is where you can make changes.
    Select the drive to destination or optical disk or network location to store backup files. (this is where I want to change the destination directory name).

    If please reply back and let us know if this helps answer your question.

    Sincerely,

    Marilyn
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think

  • How to batch, fusion of the 3 different images? I use molten and the total of 240 different images.

    How to batch, fusion of the 3 different images? I use molten and the total of 240 different images.
    is there any script for it?

    like photoshop, batch processing is unable to identify 3 different images and merge these three images. Instead, it performs the action on a single image.

    Thank you

    under the direction

    // 2015, use it at your own risk;
    #target photoshop
    var theFolder = Folder.selectDialog ("select folder");
    if (theFolder) {
    ////////////////////////////////////
    var theFolders = theFolder.getFiles(getFolders);
    for (var a = 0; a < theFolders.length; a++) {
    var theFiles = Folder(theFolders[a]).getFiles(/\.(jpg|tif|eps|psd)$/i);
    ////////////////////////////////////
    // open first image;
    theFile = app.open(theFiles[0]);
    var basename = theFile.name.match(/(.*)\.[^\.]+$/)[1];
    // place other files;
    for (var m = 1; m < theFiles.length; m++) {
    placeScaleRotateFile (theFiles[m], 0, 0, 100, 100, 0, false);
    // set to screen;
    theFile.activeLayer.blendMode = BlendMode.SCREEN
    };
    // save as psd;
    psdOpts = new PhotoshopSaveOptions();
    psdOpts.embedColorProfile = true;
    psdOpts.alphaChannels = true;
    psdOpts.layers = true;
    psdOpts.spotColors = true;
    theFile.saveAs((new File(theFolder+'/'+basename+".psd")),psdOpts,false);
    };
    };
    ////////////////////////////////////
    ////// place //////
    function placeScaleRotateFile (file, xOffset, yOffset, theXScale, theYScale, theAngle, linked) {
    // =======================================================
    var idPlc = charIDToTypeID( "Plc " );
        var desc5 = new ActionDescriptor();
        var idnull = charIDToTypeID( "null" );
        desc5.putPath( idnull, new File( file ) );
        var idFTcs = charIDToTypeID( "FTcs" );
        var idQCSt = charIDToTypeID( "QCSt" );
        var idQcsa = charIDToTypeID( "Qcsa" );
        desc5.putEnumerated( idFTcs, idQCSt, idQcsa );
        var idOfst = charIDToTypeID( "Ofst" );
            var desc6 = new ActionDescriptor();
            var idHrzn = charIDToTypeID( "Hrzn" );
            var idPxl = charIDToTypeID( "#Pxl" );
            desc6.putUnitDouble( idHrzn, idPxl, xOffset );
            var idVrtc = charIDToTypeID( "Vrtc" );
            var idPxl = charIDToTypeID( "#Pxl" );
            desc6.putUnitDouble( idVrtc, idPxl, yOffset );
        var idOfst = charIDToTypeID( "Ofst" );
        desc5.putObject( idOfst, idOfst, desc6 );
        var idWdth = charIDToTypeID( "Wdth" );
        var idPrc = charIDToTypeID( "#Prc" );
        desc5.putUnitDouble( idWdth, idPrc, theYScale );
        var idHght = charIDToTypeID( "Hght" );
        var idPrc = charIDToTypeID( "#Prc" );
        desc5.putUnitDouble( idHght, idPrc, theXScale );
        var idAngl = charIDToTypeID( "Angl" );
        var idAng = charIDToTypeID( "#Ang" );
        desc5.putUnitDouble( idAngl, idAng,theAngle );
    if (linked == true) {
        var idLnkd = charIDToTypeID( "Lnkd" );
        desc5.putBoolean( idLnkd, true );
      };
    executeAction( idPlc, desc5, DialogModes.NO );
    // get layerid;
    var ref = new ActionReference();
    ref.putProperty (stringIDToTypeID ("property"), stringIDToTypeID ("layerID"));
    ref.putEnumerated( charIDToTypeID("Lyr "), charIDToTypeID("Ordn"), charIDToTypeID("Trgt") );
    var layerDesc = executeActionGet(ref);
    var layerID = layerDesc.getInteger (stringIDToTypeID ("layerID"));
    // =======================================================
    return [app.activeDocument.activeLayer, layerID];
    };
    ////// get folders //////
    function getFolders (theObj) {
    if (theObj.constructor == Folder) {return true}
    };
    

Maybe you are looking for