**
I am trying to create a dropdown menu using Bootstrap, but I am not able to
make it responsive. This is my menu :
[image: enter image description here]
But when I resize the window, it is not resizing & width stays constant.
[image: enter image description here]
Here is my code :
<!DOCTYPE html><html><head>
<title>Bootstrap test</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css";>
<!-- Optional theme -->
<link rel="stylesheet"
href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css";>
<!-- Latest compiled and minified JavaScript -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js";></script>
<script
src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js";></script>
<style type="text/css">
p{
text-align: center;
}
img {
max-width:100%;
}
.dropdown-menu{
width: 50em;
}
</style>
</head><body>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle"
data-toggle="dropdown">
Action <span class="caret"></span>
</button>
<div class="dropdown-menu" role="menu">
<div class="panel panel-default">
<div class="panel-heading">My Menu</div>
<div class="panel-body">
<div class="row">
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
</div>
<div class="row">
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
<div class="col-xs-2"><img
src="http://placeimg.com/128/128/tech";><p>Stuff</p></div>
</div>
</div>
</div>
</div>
</div></body></html>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
