2017-08-26 13 views
0

私はASP MVCでいくつかのサイトを開発しています。私はVisual Studio 2017を使用しています。NUGETパッケージからブートストラップ・プラグインをインストールしました。しかし、次のコードは動作しません。私は、クラスコンテナがマージンを追加しないことを意味します。なぜそうなのか?私は何を間違えたの?私が追加したスクリプトは、disqusコメントシステムを埋め込んでいます。それが動作 ブートストラップクラスのコンテナが動作しません

+0

ただ、 'container'クラスが機能していませんか?または 'row、col-md-8'のいずれか? – Abinthaha

+0

開発ツールを試して、 'container'クラスを調べましたか? – wahdan

+0

'JSF Run code snippet'がブートストラップをロードしていますか? @wahdan –

答えて

0

<div class="container text-center"> 
 
    <div class="row"> 
 
     <div class="col-md-8"> 
 
     <h2>@Model.Title</h2> 
 
     <p>@Html.Raw(Model.Content)</p> 
 
     <div id="disqus_thread"></div> 
 
     <script> 
 
(function() { // DON'T EDIT BELOW THIS LINE 
 
    var d = document, s = d.createElement('script'); 
 
    s.src = 'https://incredibleenglish.disqus.com/embed.js'; 
 
    s.setAttribute('data-timestamp', +new Date()); 
 
    (d.head || d.body).appendChild(s); 
 
})(); 
 
     </script> 
 
     <noscript>Please enable JavaScript to view the <a 
 
      href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> 
 
    </div> 
 
    </div> 
 
    </div>
は、私はそれはあなたのブートストラップのインストールとは何かを持っていると思う

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 

 
<div class="container text-center"> 
 
     <div class="row"> 
 
      <div class="col-md-8"> 
 
       <h2>@Model.Title</h2> 
 
       <p>@Html.Raw(Model.Content)</p> 
 
       <div id="disqus_thread"></div> 
 
       <script> 
 
        (function() { // DON'T EDIT BELOW THIS LINE 
 
         var d = document, s = d.createElement('script'); 
 
         s.src = 'https://incredibleenglish.disqus.com/embed.js'; 
 
         s.setAttribute('data-timestamp', +new Date()); 
 
         (d.head || d.body).appendChild(s); 
 
        })(); 
 
       </script> 
 
       <noscript>Please enable JavaScript to view the <a 
 
       href="https://disqus.com/?ref_noscript">comments powered by 
 
       Disqus.</a></noscript> 
 
      </div> 
 
     </div> 
 
    </div>

関連する問題