我想阻止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)鉴于以下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文件上执行此操作的应用程序或工具,从而删除整个文件中的任何转换属性.
谢谢!
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 …
使用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)
这会将图像居中放在画布的左上角.我现在如何指定画布上的原点应该是中心/中心而不是上/下?
更新:是否有一个方法,如果调整画布大小,将动态更新?希望使用顶部和左侧的百分比值,但这似乎不起作用.
谢谢!
canvas ×1
css ×1
fabricjs ×1
javascript ×1
php ×1
shipping ×1
svg ×1
transform ×1
woocommerce ×1
wordpress ×1