Nice tutorial on the Bootstrap3! I'm attempting to create a bootstrap3 implementation of a img-responsive type LOGO. I've added a class="row" with a 2 column layout - col-mid-3 and col-mid-9 above the ContentPane row per the demo. I've added the line to register the LOGO and I've added the following markup:


<div id="SiteHeaderRight" runat="server" class="col-md-9">

Here is a good place to start: http://getbootstrap.com/css/. Look at the section on responsive scaling of images.

You will want to look at the page source generated by DNN to make sure that you can apply the class correctly. It may be easier to replace the LOGO skin object with some HTML in your skin file. Just stick in the appropriate img tag and add the classes that you need.

I am not quite understanding your question. But if you only want to make the logo responsive , just go to Admin/Skin/Logo.ascx and add CssClass="img-responsive" to image tag as following:
<asp:image id="imgLogo" borderwidth="0" runat="server" enableviewstate="False" cssClass="img-reponsive"/>

Cheers,

Note that this will break when you upgrade DNN. It's might be better to use jQuery to add the class.

Does anyone have a better suggestions?