小编mik*_*ner的帖子

如何限制Navbar中Bootstrap 3下拉菜单的宽度

我想阻止Bootstrap .dropdown-menu比主导航栏(我已经限制为.container类的宽度)更宽.我希望下拉菜单占用容器类的宽度,但它不应超出任何一方的宽度.

任何想法如何实现这一点,最好使用CSS?

以下是它目前的样子以及我希望它的样子: 截图

这是一个锅炉板导航栏,下拉菜单有一个非常长的菜单项:

<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<div class="container">
  <nav class="navbar navbar-default" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link</a></li>
        <li><a href="#">Link</a></li> …
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap twitter-bootstrap-3

10
推荐指数
1
解决办法
9557
查看次数

"展平"转变为路径?

鉴于以下SVG:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="1891px" height="1492px" viewBox="0 0 1891 1492" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g transform="translate(352 500)">
        <path d="M1,0 L1,400 C0.999999169,799.99998 201,1205 601,1439.4375 C1001,1205 1201,800 1201,400 L1201,0 L1,0 Z M1,0"></path>
        <path d="M1,0 L1,960.824531 C1.00000084,1439.4375 489.311066,1258.28207 600.483175,1439.4375 C708.904794,1258.28211 1201,1439.4375 1200.99997,960.824531 C1200.99996,960.824531 1201,0 1201,0 L1,0 Z M1,0"></path>
    </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

是否有任何工具可以使用变换自动更新路径点,并从组元素中删除变换?

我有一个SVG应用程序(草图),使用转换属性输出SVG(如果您对路径进行任何调整),但在我的Web应用程序中,我需要实际的路径点已经调整,而不是使用任何转换属性.

澄清:目标是找到一个允许在大型SVG文件上执行此操作的应用程序或工具,从而删除整个文件中的任何转换属性.

谢谢!

svg transform

8
推荐指数
1
解决办法
1889
查看次数

Get All Shipping Classes in Woocommerce 3

I've been unable to crack this nut, but can't help feel that I'm missing something simple.

I'm developing a WooCommerce plugin that should provide a list of shipping classes on its admin settings page. The following code as suggested in another question's answer indicated that the following should work:

$shipping           = new \WC_Shipping();
$shipping_classes   = $shipping->get_shipping_classes();
var_dump($shipping_classes);
die();
Run Code Online (Sandbox Code Playgroud)

Unfortunately the output is an empty array.

I am using Wordpress 4.9.5 and WooCommerce 3.3.5. Thanks for any help!

UPDATE I have …

php wordpress shipping custom-taxonomy woocommerce

5
推荐指数
1
解决办法
2538
查看次数

如何将FabricJS画布中心背景图像?

使用setBackgroundImage()将backgroundImage添加到画布时,我无法找到将背景图像居中的方法.我需要将它居中,使其与画布中的中心路径对齐.

文档http://fabricjs.com/docs/fabric.StaticCanvas.html#setBackgroundImage显示了各种信息,但似乎没有指定背景图像相对于画布的位置.

    canvas.setOverlayImage('http://fabricjs.com/assets/honey_im_subtle.png',
        canvas.renderAll.bind(canvas), {
            scaleX:1,
            scaleY:1,
            top: 0,
            left: 0,
            originX: 'center',
            originY: 'center'
    });
Run Code Online (Sandbox Code Playgroud)

这会将图像居中放在画布的左上角.我现在如何指定画布上的原点应该是中心/中心而不是上/下?

更新:是否有一个方法,如果调整画布大小,将动态更新?希望使用顶部和左侧的百分比值,但这似乎不起作用.

谢谢!

javascript canvas fabricjs

4
推荐指数
1
解决办法
5625
查看次数