Css 如何在引导中减小放置项容器的大小_Css_Twitter Bootstrap

Css 如何在引导中减小放置项容器的大小

css twitter-bootstrap

Css 如何在引导中减小放置项容器的大小,css,twitter-bootstrap,Css,Twitter Bootstrap,我想减小下拉式容器的大小，但我无法这样做。我已经编写了以下代码，但如果有人知道解决方案，它将不再使用。请提供帮助下拉示例我希望这就是您试图做的事情（最小宽度指定给下拉列表，更改它以调整下拉列表大小，设置宽度）下拉示例输入代码下拉示例在这里 Html 答案是编辑的，最小宽度：160px是css中给定的一个现成值，因此将进行更改，然后根据需要设置最大宽度 enter code <!DOCTYPE html> <html> &

我想减小下拉式容器的大小，但我无法这样做。我已经编写了以下代码，但如果有人知道解决方案，它将不再使用。请提供帮助


下拉示例

我希望这就是您试图做的事情（最小宽度指定给下拉列表，更改它以调整下拉列表大小，设置宽度）


下拉示例

输入代码
下拉示例





在这里

Html

答案是编辑的，最小宽度：160px是css中给定的一个现成值，因此将进行更改，然后根据需要设置最大宽度

enter code <!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <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.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">             
  <div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu" style="max-width: 40px; min-width: 0">
      <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
      <li><a href="#">JavaScript</a></li>
    </ul>
  </div>
</div>

</body>
</html>here

  <div class="container">             
      <div class="dropdown">
        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
        <span class="caret"></span></button>
        <ul class="dropdown-menu dropdown-width">
          <li><a href="#">HTML</a></li>
          <li><a href="#">CSS</a></li>
          <li><a href="#">JavaScript</a></li>
        </ul>
      </div>
    </div>

.dropdown-width{
      min-width:40px !important;
    }