Twitterのブートストラップで反応的な性質を条件付きで無効にする方法

デスクトップとモバイルの2つのテーマがあります。デスクトップテーマでは、私はBootstrapクラスを使用しました。そして、私はBootstrapクラスがレスポンシブなレイアウトを作成することを知っていました。しかし、私はデスクトップのテーマで反応のよいレイアウトを望んでいません。Twitterのブートストラップで反応的な性質を条件付きで無効にする方法

私を助けてください、それを修正する方法？

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>size resolution</title> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
</head> 
 
<body> 
 
<div class="col-lg-4"> 
 
    hello1 
 
</div> 
 
<div class="col-lg-4"> 
 
    hello2 
 
</div> 
 
<div class="col-lg-4"> 
 
    hello3 
 
</div> 
 
<section> 
 
The online encyclopedia project Wikipedia is by far the most popular wiki-based website, and is one of the most widely viewed sites of any kind in the world, having been ranked in the top ten since 2007.[3] Wikipedia is not a single wiki but rather a collection of hundreds of wikis, one for each language. There are at least tens of thousands of other wikis in use, both public and private, including wikis functioning as knowledge management resources, notetaking tools, community websites, and intranets. The English-language Wikipedia has the largest collection of articles; as of September 2016, it had over five million articles. Ward Cunningham, the developer of the first wiki software, WikiWikiWeb, originally described it as "the simplest online database that could possibly work".[4] "Wiki" (pronounced [ˈwiki][note 1]) is a Hawaiian word meaning "quick". 
 
</section> 
 

 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"> 
 
</script> 
 
</body> 
 
</html>

出典

2017-06-12 Amit Shakya

をし、応答性のレイアウトを無効にします。

あなたはCSSを追加することができます。ウェブページのコンテンツを固定レイアウトにすることもできません。 –

列がすべての解像度で作業持っている代わりにcol-lg-接頭辞の使用col-xs-;）

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>size resolution</title> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
</head> 
 
<body> 
 
<div class="col-xs-4"> 
 
    hello1 
 
</div> 
 
<div class="col-xs-4"> 
 
    hello2 
 
</div> 
 
<div class="col-xs-4"> 
 
    hello3 
 
</div> 
 
<section> 
 
The online encyclopedia project Wikipedia is by far the most popular wiki-based website, and is one of the most widely viewed sites of any kind in the world, having been ranked in the top ten since 2007.[3] Wikipedia is not a single wiki but rather a collection of hundreds of wikis, one for each language. There are at least tens of thousands of other wikis in use, both public and private, including wikis functioning as knowledge management resources, notetaking tools, community websites and intranets. The English-language Wikipedia has the largest collection of articles; as of September 2016, it had over five million articles. Ward Cunningham, the developer of the first wiki software, WikiWikiWeb, originally described it as "the simplest online database that could possibly work".[4] "Wiki" (pronounced [ˈwiki][note 1]) is a Hawaiian word meaning "quick". 
 
</section> 
 

 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"> 
 
</script> 
 
</body> 
 
</html>

出典

2017-06-12 05:53:05 shramee

大変ありがとうございます。 –

喜んでお答えします:)答えを受け入れるようにマークしてください。 – shramee

あなたがいない場合、このようなツールを使用します手動で概要を知っておいてくださいTwitter Bootstrapアプリケーション。このツールは、最初のフェーズでアプリケーションの応答レイアウトを概説するドキュメントに非常に役立ちます（Twitter Bootstrap）。

http://shoelace.io/

出典

2017-06-12 06:00:38 BalaajiChander

あなたはそれが33％広くする必要があることを定義することができ、自分自身のためのカスタムcol-4を作ることができます。これは、さまざまなタイプの画面サイズに対するルールを持っていることを除いて、ブートストラップが行うことです。それはそれを反応させる。

レスポンシブにしたくない場合は、その「賢さ」を取り除きたい幅にするように指示してください。

.col-4-custom { 
    width: 33%; 
    position: relative; 
    float: left; 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>size resolution</title> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous"> 
 
    <style> 
 
     .col-4-custom { 
 
      width: 33%; 
 
      position: relative; 
 
      float: left; 
 
     } 
 
    </style> 
 
</head> 
 
<body> 
 
    <div class="container"> 
 
    <div class="row"> 
 
<div class="col-4-custom"> 
 
    hello1 
 
</div> 
 
<div class="col-4-custom"> 
 
    hello2 
 
</div> 
 
<div class="col-4-custom"> 
 
    hello3 
 
</div> 
 
    </div> 
 
    </div> 
 
<section> 
 
The online encyclopedia project Wikipedia is by far the most popular wiki-based website, and is one of the most widely viewed sites of any kind in the world, having been ranked in the top ten since 2007.[3] Wikipedia is not a single wiki but rather a collection of hundreds of wikis, one for each language. There are at least tens of thousands of other wikis in use, both public and private, including wikis functioning as knowledge management resources, notetaking tools, community websites and intranets. The English-language Wikipedia has the largest collection of articles; as of September 2016, it had over five million articles. Ward Cunningham, the developer of the first wiki software, WikiWikiWeb, originally described it as "the simplest online database that could possibly work".[4] "Wiki" (pronounced [ˈwiki][note 1]) is a Hawaiian word meaning "quick". 
 
</section> 
 

 
    <script 
 
    src="https://code.jquery.com/jquery-3.2.1.min.js" 
 
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
 
    crossorigin="anonymous"></script> 
 
</body> 
 
</html>

出典

2017-06-12 06:05:46 DDan

Twitterのブートストラップで反応的な性質を条件付きで無効にする方法

答えて

関連する問題