{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 等我变得足够好 的问题《bootstrap not working properly with visual studio》','https://www.manongdao.com/q-1107996.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
i am getting alignment problem while using bootstrap in visual studio specifically with bootstrap columns. when i using div with class col-md-4 it just automatically moves some space right and not align properly...... but when the code is writing in notepad++ and and save as .html file it works correctly...
help me to find out what exactly problem with visual studio2013
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestForm.aspx.cs"
Inherits="WebApplication1.Pages.TestForm" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="../css/bootstrap.css" rel="stylesheet" />
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div class="container">
<div class="jumbotron no-Margin">
<p>H5BP contains a number of best practices or
common inclusions for your initial HTML
template,which is more like the generic "default"
template you would use as server-side global
template.Bootstrap does not provide anything like
this(nor does it need or aim to). So in this
regard,H5BP is perfectly suited to including HTML
components from anywhere else (e.g. those from
Bootstrap).
</p>
</div>
</div>
<div class="container">
<div class="col-md-4">
<p>H5BP contains a number of best practices or
common inclusions for your initial HTML
template,which is more like the generic "default"
template you would use as server-side global
template.Bootstrap does not provide anything like
this (nor does it need or aim to). So in this
regard,H5BP is perfectly suited to including HTML
components from anywhere else (e.g. those from
Bootstrap)
</p>
</div>
<div class="col-md-4">
<p>H5BP contains a number of best practices or
common inclusions for your initial HTML
template,which is more like the generic "default"
template you would use as server-side global
template.Bootstrap does not provide anything like
this (nor does it need or aim to). So in this
regard,H5BP is perfectl suited to including HTML
components from anywhere else (e.g. those from
Bootstrap)
</p>
</div>
<div class="col-md-4">
<p>H5BP contains a number of best practices or
common inclusions for your initial HTML
template,which is more like the generic "default"
template you would use as server-side global
template.
</p>
</div>
</div>
<script src="../js/jquery-1.12.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</form>
</body>
</html>
browser view are given as images below image showing columns alignment error when using visual studio image showing columns align properly when using notepad++
My best guess is that your stylesheet is not loaded. are you sure "../css/bootstrap.css" is the right path? you are moving one level down to localhost and then looking for the folder css
Open the developer console by hitting F12, move to the timeline tab and inspect the request of your css file.
There is no other magic that Visual Studio does to your css!