Sharepoint Bootstrap Not loading properly---- Need Help

Hi,

i am packaging couple of publishing page layouts, master page in a sandbox 
solution, i use bootstrap framework for my UI design work, unfortunately, 
when i move my wsp to test server, the bootstrap css is not working, where 
as my jquery 1.11.3 gets cached and loaded.

i tried all posiblities of referencing like using sharepoint CSS 
registration, link control, script linking etc, but none helps.

Any Help appreciated.

i am pasting the page layout here.

<asp:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" 
runat="server">
<SharePointWebControls:UIVersionedContent UIVersion="3" runat="server">
<ContentTemplate>
<style type="text/css">
Div.ms-titleareaframe {
height: 100%;
}
.ms-pagetitleareaframe table {
background: none;
}

</style>
            
</ContentTemplate>
</SharePointWebControls:UIVersionedContent>
<SharePointWebControls:UIVersionedContent UIVersion="4" runat="server">
<ContentTemplate>
<SharePointWebControls:CssRegistration name="<% 
$SPUrl:~sitecollection/Style Library/~language/Core 
Styles/page-layouts-21.css %>" runat="server"/>
<PublishingWebControls:EditModePanel runat="server">
<!-- Styles for edit mode only-->
<SharePointWebControls:CssRegistration name="<% 
$SPUrl:~sitecollection/Style Library/~language/Core Styles/edit-mode-21.css 
%>"
After="<% $SPUrl:~sitecollection/Style Library/~language/Core 
Styles/page-layouts-21.css %>" runat="server"/>
</PublishingWebControls:EditModePanel>
</ContentTemplate>
</SharePointWebControls:UIVersionedContent>
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderPageTitle" runat="server">
<SharePointWebControls:UIVersionedContent UIVersion="3" runat="server">
<ContentTemplate>
<SharePointWebControls:ListProperty Property="Title" runat="server"/> 
- <SharePointWebControls:ListItemProperty Property="BaseName" MaxLength=40 
runat="server"/>
</ContentTemplate>
</SharePointWebControls:UIVersionedContent>
<SharePointWebControls:UIVersionedContent UIVersion="4" runat="server">
<ContentTemplate>
<SharePointWebControls:ListProperty Property="Title" runat="server"/> 
- <SharePointWebControls:FieldValue FieldName="Title" runat="server"/>
</ContentTemplate>
</SharePointWebControls:UIVersionedContent>
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderPageTitleInTitleArea" 
runat="server">
<WebPartPages:SPProxyWebPartManager runat="server" 
id="spproxywebpartmanager"></WebPartPages:SPProxyWebPartManager>
    <SharePointWebControls:VersionedPlaceHolder UIVersion="3" 
runat="server">
<ContentTemplate>
<WebPartPages:WebPartZone runat="server" Title="loc:TitleBar" ID="TitleBar" 
AllowLayoutChange="false" 
AllowPersonalization="false"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</ContentTemplate>
</SharePointWebControls:VersionedPlaceHolder>
<SharePointWebControls:UIVersionedContent UIVersion="4" runat="server">
<ContentTemplate>
<SharePointWebControls:FieldValue FieldName="Title" runat="server" />
</ContentTemplate>
</SharePointWebControls:UIVersionedContent>
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderTitleBreadcrumb" 
runat="server"></asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderPageDescription" 
runat="server">
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderBodyRightMargin" 
runat="server">
<div height=100% class="ms-pagemargin"><IMG 
SRC="/_layouts/images/blank.gif" width=10 height=1 alt=""/></div>
</asp:Content>
<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">
<SharePointWebControls:UIVersionedContent UIVersion="4" runat="server">
<ContentTemplate>
<style type="text/css">
.breadcrumbs{
display: none;
}
</style>
 
 <link 
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css" 
rel="stylesheet" />
 <script type="text/javascript" 
src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
      
     
            

       
 <script type="text/javascript">
     $(document).ready(function () {
        
 $('#ctl00_PlaceHolderMain_RichImageField1__ControlWrapper_RichImageField').children().children().css({ 
"width": "100%" });
     });

     
 </script>
 
<!--<div class="welcome blank-wp">-->
<PublishingWebControls:EditModePanel runat="server" 
CssClass="edit-mode-panel">
</PublishingWebControls:EditModePanel>
<!--<div class="welcome-content">
</div>-->
<!--</div>-->
</ContentTemplate>
</SharePointWebControls:UIVersionedContent>
<SharePointWebControls:UIVersionedContent UIVersion="3" runat="server">
   <ContentTemplate>
</ContentTemplate>
</SharePointWebControls:UIVersionedContent>
<div class="container-fluid">
<div class="row">
<div class="col-md-12" 
style="width:100%;padding-left:0px;padding-right:0px">
<PublishingWebControls:RichImageField FieldName="PublishingRollupImage" 
runat="server" id="RichImageField1">
</PublishingWebControls:RichImageField>
</div>
</div>
<div class="row">
<div id="_invisibleIfEmpty" name="_invisibleIfEmpty" class="col-md-5" 
style="vertical-align:top">
<WebPartPages:WebPartZone id="g_278C5B82CC1F4F6D8BFB4DDA65589B88" 
runat="server" title="Zone 
1"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</div>
<div  id="Div1" name="_invisibleIfEmpty" class="col-md-5" 
style="vertical-align:top">
<WebPartPages:WebPartZone id="g_B1F0817E98E348EE89B734E2FFA4658C" 
runat="server" title="Zone 
2"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
</div>
<div id="Div1" name="_invisibleIfEmpty" class="col-md-2" 
style="vertical-align:top">
                <WebPartPages:WebPartZone id="rightnavigationZone" 
runat="server" title="Zone 
3"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>
<!--<div id="secondary-right" class="sidebar sidebar-right widget-area" 
role="complementary">
<a class="twitter-timeline" href="https://twitter.com/" 
data-widget-id="640890014432391168">
Tweets by @xxx</a>
<script type="text/javascript">!function (d, s, id) { var js, fjs = 
d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 
'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; 
js.src = p + "://platform.twitter.com/widgets.js"; 
fjs.parentNode.insertBefore(js, fjs); } }(document, "script", 
"twitter-wjs");</script>
</div>-->
</div>
</div>
<script language="javascript">if (typeof (MSOLayout_MakeInvisibleIfEmpty) 
== "function") { MSOLayout_MakeInvisibleIfEmpty(); }</script>

<SharePointWebControls:UIVersionedContent UIVersion="4" runat="server">
<ContentTemplate>
</ContentTemplate>
</SharePointWebControls:UIVersionedContent>
</div> 

</asp:Content>

Charles

-- 
You received this message because you are subscribed to the Google Groups "Blogger Developer Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/bloggerdev.
For more options, visit https://groups.google.com/d/optout.