title: How to make asp.net chart control responsive using bootstrap
body: <p>I am using bootstrap in asp.net c#. Every thing is working fine (responsive) except the asp.net chart control. Can any one please suggest how can I make it block like btn-block. Please check the code and image. Thanks</p>
  
  <pre><code>&lt;body class="container-fluid"&gt;
  &lt;form id="form1" runat="server"&gt;
  &lt;div &gt;
  &lt;asp:Button ID="Button1" runat="server" Text="Button" class="btn btn-info col-lg-12"/&gt;
  &lt;asp:Table ID="Tbl_chart" runat="server" CssClass="table  table-bordered table-condensed table-responsive"&gt;
  &lt;asp:TableRow&gt;
  &lt;asp:TableCell&gt;
  &lt;asp:Chart ID="Chart2" runat="server" AlternateText="Column chart of daily walking time" Height="432" Palette="Fire" class="col-lg-12"&gt;
  &lt;Series&gt;
  &lt;asp:Series Name="Series1" XValueMember="date" YValueMembers="TimePerDay" ChartArea="ChartArea2" ChartType="column" YValuesPerPoint="6" IsValueShownAsLabel="true" LabelFormat="{0:N0}"&gt;
  &lt;/asp:Series&gt;
  &lt;/Series&gt;
  &lt;ChartAreas&gt;
  &lt;asp:ChartArea Name="ChartArea2"&gt;
  &lt;AxisY Interval="50"&gt;
  &lt;MajorGrid Enabled="true" LineColor="lightgray" /&gt;
  &lt;/AxisY&gt;
  &lt;AxisX IsLabelAutoFit="false" TitleForeColor="black" Interval="1"&gt;
  &lt;LabelStyle Format="dddd, dd-MM-yy" Angle="-90" IsEndLabelVisible="false" /&gt;
  &lt;MajorGrid Enabled="false" /&gt;
  &lt;/AxisX&gt;
  &lt;/asp:ChartArea&gt;
  &lt;/ChartAreas&gt;
  &lt;Titles&gt;
  &lt;asp:Title Docking="Top" Font="Arial, 12pt" Name="Title1" Text="Daily walking time in minutes"&gt;
  &lt;/asp:Title&gt;
  &lt;/Titles&gt;
  &lt;/asp:Chart&gt;
  &lt;/asp:TableCell&gt;
  &lt;/asp:TableRow&gt;
  &lt;/asp:Table&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/ckNoE.png" alt="enter image description here"></p>