Where is bootstrap-responsive.css?

Twitter Bootstrap

Twitter Bootstrap Problem Overview


I know that by default the bootstrap doesn't come with the file, but after I customized (I've selected all the responsive features!) I still can't see the file. At the docs, it says that I should do this on head tag:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

But the truth is that I don't even have the folder assets. What I do have is:

\bootstrap
    \img
    \css
    \js

Can anyone help me?

Twitter Bootstrap Solutions


Solution 1 - Twitter Bootstrap

Since Bootstrap 3 you don't need responsive.css anymore. Because it is inside default bootstrap.css.

Related: https://stackoverflow.com/a/16379181/429938

Solution 2 - Twitter Bootstrap

Download http://twitter.github.com/bootstrap/assets/bootstrap.zip and uncompress.

\bootstrap\css\bootstrap-responsive.css

\bootstrap\css\bootstrap-responsive.min.css

Solution 3 - Twitter Bootstrap

look here http://twitter.github.io/bootstrap/scaffolding.html#responsive

> Bootstrap doesn't include responsive features by default at this time > as not everything needs to be responsive. Instead of encouraging > developers to remove this feature, we figure it best to enable it as > needed.

So if you need bootstrap-responsive.css, you should download it from bootstrap-source, from here for example: http://twitter.github.io/bootstrap/index.html

Solution 4 - Twitter Bootstrap

Or you can use directly as below:

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">

http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">

Solution 5 - Twitter Bootstrap

They moved it to a different directory. Try this:

<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet">

Solution 6 - Twitter Bootstrap

https://ci.apache.org/projects/openejb/examples-generated/moviefun/src/main/webapp/assets/css/bootstrap-responsive.min.css.html
  1. make a file name bootstrap-reponsive.css on your CSS folder
  2. copy all these to that file.
  3. give link to that file on your HTML code

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionnffdiogosilvaView Question on Stackoverflow
Solution 1 - Twitter BootstraptranteView Answer on Stackoverflow
Solution 2 - Twitter BootstrapSeung-hyup LeeView Answer on Stackoverflow
Solution 3 - Twitter BootstrapscabbiazaView Answer on Stackoverflow
Solution 4 - Twitter BootstrapruccvView Answer on Stackoverflow
Solution 5 - Twitter BootstrapVimo DesignsView Answer on Stackoverflow
Solution 6 - Twitter BootstrapAshik AliView Answer on Stackoverflow